range slider docs

build/rollup.config.js

@@ -42,6 +42,7 @@ module.exports = {
   input: {
     tabler: path.resolve(__dirname, '../js/tabler.js'),
     // 'tabler-charts': path.resolve(__dirname, '../js/tabler-charts.js'),
+    'tabler-range-sliders': path.resolve(__dirname, '../js/tabler-range-sliders.js')
   },
   output: {
     banner,

dist/js/tabler-charts.js

+/*!
+  * Tabler v0.9.0 (https://tabler.io)
+  * Copyright 2018-2020 codecalm
+  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+  */
+'use strict';
+
+(function ($) {
+  $(document).ready(function () {
+    $().peity &&
+    $('[data-spark]').each(function () {
+      const $this = $(this),
+        data = $this.attr('data-spark'),
+        color = $this.attr('data-spark-color') || 'blue',
+        type = $this.attr('data-spark-type') || 'line';
+
+      const $div = $('<div />').html(data);
+      $this.append($div);
+
+      let strokeColor = tabler.colors[color],
+        fillColor = tabler.colors[color];
+
+      if (type === 'donut' || type === 'pie') {
+        fillColor = [fillColor, tabler.hexToRgbA(fillColor, 0.1)];
+      } else if (type === 'bar') {
+        fillColor = [fillColor];
+      } else if (type === 'line') {
+        fillColor = tabler.hexToRgbA(fillColor, 0.1);
+      }
+
+      $div.peity(type, {
+        width: $this.width(),
+        height: $this.height(),
+        // max: 100,
+        // min: 0,
+        stroke: strokeColor,
+        strokeWidth: 2,
+        fill: fillColor,
+        padding: 0.2,
+        innerRadius: type === 'donut' ? 17 : 0,
+      });
+    });
+  });
+})(jQuery);
+
+/*
+charts default configuration
+ */
+if (window.Apex) {
+  const borderColor = 'rgba(0, 0, 0, 0.09)';
+  const mutedColor = '#888e9a';
+
+  window.Apex = {
+    chart: {
+      fontFamily: 'inherit',
+      foreColor: 'currentColor',
+      toolbar: {
+        show: false,
+      },
+      zoom: {
+        enabled: false,
+      },
+      animations: {
+        enabled: false,
+      },
+    },
+
+    grid: {
+      show: false,
+      position: 'back',
+      borderColor: borderColor,
+      padding: {
+        right: 0,
+        left: 0,
+        bottom: 0,
+        top: 0,
+      },
+    },
+
+    dataLabels: {
+      enabled: false,
+      dropShadow: {
+        enabled: false,
+      },
+    },
+
+    plotOptions: {
+      pie: {
+        customScale: 1,
+        expandOnClick: false,
+        dataLabels: {
+          minAngleToShowLabel: 10,
+        },
+        donut: {
+          size: '80%'
+        }
+      },
+    },
+
+    stroke: {
+      width: 2,
+      curve: 'smooth',
+      lineCap: "round",
+    },
+
+    fill: {
+      type: 'solid',
+      opacity: 1,
+    },
+
+    markers: {
+      size: 0,
+      strokeWidth: 1,
+      radius: 2,
+      hover: {
+        size: 4,
+      },
+    },
+
+    legend: {
+      show: true,
+      fontSize: '14px',
+      markers: {
+        width: 8,
+        height: 8,
+      },
+      itemMargin: {
+        horizontal: 0,
+        vertical: 8,
+      },
+    },
+
+    title: {
+      margin: 0,
+      floating: true,
+      offsetX: 10,
+      style: {
+        fontSize: '18px',
+      },
+    },
+
+    subtitle: {
+      margin: 0,
+    },
+
+    tooltip: {
+      fillSeriesColor: false,
+    },
+
+    xaxis: {
+      labels: {
+        style: {
+          colors: mutedColor,
+          fontSize: '12px',
+        },
+        datetimeFormatter: {
+          year: 'yyyy',
+          month: 'MMM \'yy',
+          day: 'd MMM',
+          hour: 'HH:mm'
+        }
+      },
+      tooltip: {
+        enabled: false,
+      },
+      axisBorder: {
+        color: borderColor,
+        height: 0,
+      },
+      axisTicks: {
+        show: true,
+        height: 4,
+        color: borderColor,
+      },
+    },
+
+    yaxis: {
+      show: false,
+      labels: {
+        show: false,
+      },
+    },
+  };
+}
+//# sourceMappingURL=tabler-charts.js.map

dist/js/tabler.js

+/*!
+  * Tabler v0.9.0 (https://tabler.io)
+  * Copyright 2018-2020 codecalm
+  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+  */
+'use strict';
+
+const tabler = {
+  colorVariation: function(color, variation) {
+    const colorValue = this.colors[color];
+
+    if (colorValue) {
+      switch (variation) {
+        case 'light':
+          return this.mixColors(colorValue, '#ffffff', 70);
+        case 'lighten':
+          return this.mixColors(colorValue, '#ffffff', 30);
+        case 'lightest':
+          return this.mixColors(colorValue, '#ffffff', 10);
+        case 'dark':
+          return this.mixColors(colorValue, '#000000', 80);
+        case 'darken':
+          return this.mixColors(colorValue, '#000000', 40);
+        case 'darkest':
+          return this.mixColors(colorValue, '#000000', 20);
+      }
+
+      return colorValue;
+    }
+
+    throw new Error('Wrong color: ' + color);
+  },
+
+  hexToRgbA: function(hex, opacity) {
+    let c;
+
+    opacity = opacity || 1;
+
+    if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+      c = hex.substring(1).split('');
+      if (c.length === 3) {
+        c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+      }
+      c = '0x' + c.join('');
+      return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + opacity + ')';
+    }
+    throw new Error('Bad Hex');
+  },
+
+  mixColors: function(color_1, color_2, weight) {
+    color_1 = color_1.substr(1);
+    color_2 = color_2.substr(1);
+
+    function d2h(d) {
+      return d.toString(16);
+    }
+
+    function h2d(h) {
+      return parseInt(h, 16);
+    }
+
+    weight = typeof weight !== 'undefined' ? weight : 50;
+
+    let color = '#';
+
+    for (let i = 0; i <= 5; i += 2) {
+      let v1 = h2d(color_1.substr(i, 2)),
+        v2 = h2d(color_2.substr(i, 2));
+
+      let val = d2h(Math.floor(v2 + (v1 - v2) * (weight / 100.0)));
+
+      while (val.length < 2) {
+        val = '0' + val;
+      }
+
+      color += val;
+    }
+
+    return color;
+  },
+
+  colors: (window.tabler_colors || []),
+
+  toggleFullscreen: function(elem) {
+    elem = elem || document.documentElement;
+    if (
+      !document.fullscreenElement &&
+      !document.mozFullScreenElement &&
+      !document.webkitFullscreenElement &&
+      !document.msFullscreenElement
+    ) {
+      if (elem.requestFullscreen) {
+        elem.requestFullscreen();
+      } else if (elem.msRequestFullscreen) {
+        elem.msRequestFullscreen();
+      } else if (elem.mozRequestFullScreen) {
+        elem.mozRequestFullScreen();
+      } else if (elem.webkitRequestFullscreen) {
+        elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+      }
+    } else {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      } else if (document.msExitFullscreen) {
+        document.msExitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        document.mozCancelFullScreen();
+      } else if (document.webkitExitFullscreen) {
+        document.webkitExitFullscreen();
+      }
+    }
+  },
+};
+
+$(document).ready(function() {
+  const $body = $('body');
+
+  $body.on('click', '[data-toggle="menubar"]', function(e) {
+    $body.toggleClass('aside-visible');
+
+    e.preventDefault();
+    return false;
+  });
+
+  // $('[data-toggle="tooltip"]').tooltip();
+  // $('[data-toggle="popover"]').popover();
+
+  /*
+	NoUiSlider
+	*/
+	let sliders = document.querySelectorAll("[data-slider]");
+	for (let i = 0; i < sliders.length; i++) {
+		let dataSlider;
+		if (sliders[i].getAttribute("data-slider")) {
+			dataSlider = JSON.parse(sliders[i].getAttribute("data-slider"));
+    }
+		noUiSlider.create(sliders[i],dataSlider);
+	}
+
+  /*
+  Autosize plugin
+   */
+  if (window.autosize) {
+    (function() {
+      const elements = document.querySelectorAll('[data-toggle="autosize"]');
+
+      if (elements.length) {
+        elements.forEach(function(element) {
+          autosize(element);
+        });
+      }
+    })();
+  }
+
+  /*
+  Imask plugin
+   */
+  if (window.IMask) {
+    (function() {
+      const $elem = $('[data-mask]');
+
+      if ($elem) {
+        $elem.each(function() {
+          IMask($(this).get(0), {
+            mask: $(this).attr('data-mask'),
+            lazy: $(this).attr('data-mask-visible') === 'true',
+          });
+        });
+      }
+    })();
+  }
+
+  /**
+   * Seelectize plugin
+   */
+  if (jQuery && jQuery().selectize) {
+    const $elem = $('[data-selectize]');
+
+    if ($elem) {
+      $elem.selectize();
+    }
+  }
+});
+
+window.tabler = tabler;
+//# sourceMappingURL=tabler.js.map

js/tabler-range-sliders.js

+/* Demo only */
+
+$(document).ready(function() {
+
+    /* Sliders value */
+    let slidersText = document.querySelectorAll('[demo-slider]');
+    for(let i = 0;i<slidersText.length;i++){
+        window[slidersText[i].getAttribute("demo-slider")].on('update',function(values){
+            slidersText[i].innerHTML = values.join(' | ');
+        })
+    }
+});
\ No newline at end of file

js/tabler.js

 import {CountUp} from "countup.js";
+import noUiSlider from "nouislider";
 
 const tabler = {
 	toggleFullscreen: function (elem) {
@@ -47,14 +48,17 @@ $(document).ready(function() {
 
   /*
 	NoUiSlider
-	*/
-	let sliders = document.querySelectorAll("[data-slider]");
+  */
+  let sliders = document.querySelectorAll("[data-slider]");
 	for (let i = 0; i < sliders.length; i++) {
 		let dataSlider;
 		if (sliders[i].getAttribute("data-slider")) {
 			dataSlider = JSON.parse(sliders[i].getAttribute("data-slider"));
-    }
-		noUiSlider.create(sliders[i],dataSlider);
+	}
+	let slider = noUiSlider.create(sliders[i],dataSlider);
+	if(dataSlider['js-name']){
+		window[dataSlider['js-name']] = slider;
+	}
   }
   
   /*

pages/_data/menu.yml

@@ -170,6 +170,9 @@ docs:
     progress: 
       title: Progress
       url: docs/progress.html
+    range-slider:
+      title: Range slider
+      url: docs/range-slider.html
     ribbons: 
       title: Ribbons
       badge: New

pages/_docs/range-slider.md

@@ -3,6 +3,109 @@ title: Range slider
 menu: docs.range-slider
 ---
 
+All options and features can be found [**here**](https://refreshless.com/nouislider/).
+
+### Basic range slider
+
+{% example %}
+    <div data-slider='{"js-name": "slider1","start": 50,"range": {"min": 0,"max": 100}}'></div>
+    <!-- Example only --><p demo-slider="slider1"></p>
+{% endexample %}
+
+## Options
+
+Basic range slider options.
+
+### Start
+
+The start option sets the number of handles and corresponding start positions.
+
+The start option uses the slider's `'format'` option to decode the input. Number input will be cast to string and decoded.
+
+{% example %}
+    <div data-slider='{"js-name": "slider2","start": 30,"range": {"min": 0,"max": 100}}'></div>
+    <!-- Example only --><p demo-slider="slider2"></p>
+    <div data-slider='{"js-name": "slider3","start": [40,65],"range": {"min": 0,"max": 100}}'></div>
+    <!-- Example only --><p demo-slider="slider3"></p>
+    <div data-slider='{"js-name": "slider4","start": [25,50,75],"range": {"min": 0,"max": 100}}'></div>
+    <!-- Example only --><p demo-slider="slider4"></p>
+{% endexample %}
+
+### Range
+
+Range sets the limits of the slider.
+
+{% example %}
+    <div data-slider='{"js-name": "slider5","start": 500,"range": {"min": -2000,"max": 10000}}'></div>
+    <!-- Example only --><p demo-slider="slider5"></p>
+    <div data-slider='{"js-name": "slider6","start": [-250,800],"range": {"min": -500,"max": 1000}}'></div>
+    <!-- Example only --><p demo-slider="slider6"></p>
+    <div data-slider='{"js-name": "slider7","start": [0.1,0.4,0.9],"range": {"min": 0.1,"max": 1}}'></div>
+    <!-- Example only --><p demo-slider="slider7"></p>
+{% endexample %}
+
+### Step
+
+By default, the slider slides fluently. In order to make the handles jump between intervals, you can use the step option.
+
+{% example %}
+    <div data-slider='{"js-name": "slider8","start": 5000,"range": {"min": 1000,"max": 10000},"step": 1000}'></div>
+    <!-- Example only --><p demo-slider="slider8"></p>
+    <div data-slider='{"js-name": "slider9","start": 500,"range": {"min": 100,"max": 1000},"step": 125}'></div>
+    <!-- Example only --><p demo-slider="slider9"></p>
+    <div data-slider='{"js-name": "slider10","start": 50,"range": {"min": 10,"max": 100},"step": 5}'></div>
+    <!-- Example only --><p demo-slider="slider10"></p>
+{% endexample %}
+
+### Connect
+
+The connect option can be used to control the bar between the handles or the edges of the slider.
+
+If you are using one handle, set the value to either `'upper'` or `'lower'`.
+For sliders with 2 or more handles, pass an array with a boolean for every connecting element, including the edges of the slider. The length of this array must match the handle count + 1.
+
+Setting true sets the bars between the handles, but not between the handles and the sliders edges.
+
+{% example %}
+    <div data-slider='{"js-name": "slider11","start": 8000,"connect": "lower","range": {"min": [2000],"max": [20000]}}'></div>
+    <!-- Example only --><p demo-slider="slider11"></p>
+    <div data-slider='{"js-name": "slider12","start": 8000,"connect": "upper","range": {"min": [2000],"max": [20000]}}'></div>
+    <!-- Example only --><p demo-slider="slider12"></p>
+    <div data-slider='{"js-name": "slider13","start": [4000, 8000, 12000, 16000],"connect": [false, true, true, false, true],"range": {"min": [2000],"max": [20000]}}'></div>
+    <!-- Example only --><p demo-slider="slider13"></p>
+{% endexample %}
+
+### Margin
+
+When using two handles, the minimum distance between the handles can be set using the margin option. The margin value is relative to the value set in 'range'. This option is only available on linear sliders.
+
 {% example %}
-    <div data-slider='{"start": 50,"connect": true,"range": {"min": 0,"max": 100}}'></div>
-{% endexample %}
\ No newline at end of file
+    <div data-slider='{"js-name": "slider14","start": [20,80],"range": {"min": 0,"max": 100},"margin":30}'></div>
+    <!-- Example only --><p demo-slider="slider14"></p>
+    <div data-slider='{"js-name": "slider15","start": [20,80],"range": {"min": 0,"max": 100},"margin":50}'></div>
+    <!-- Example only --><p demo-slider="slider15"></p>
+{% endexample %}
+
+### Limit
+
+The limit option is the oposite of the margin option, limiting the maximum distance between two handles. As with the margin option, the limit option can only be used on linear sliders.
+
+{% example %}
+    <div data-slider='{"js-name": "slider16","start": [10,120],"connect":true,"range": {"min": 0,"max": 100},"limit":40,"behaviour":"drag"}'></div>
+    <!-- Example only --><p demo-slider="slider16"></p>
+{% endexample %}
+
+### Padding
+
+Padding limits how close to the slider edges handles can be.
+
+{% example %}
+    <div data-slider='{"js-name": "slider17","start": [20,80],"range": {"min": 0,"max": 100},"padding":[10,15]}'></div>
+    <!-- Example only --><p demo-slider="slider17"></p>
+{% endexample %}
+
+### Orientation
+
+The orientation setting can be used to set the slider to `"vertical"` or `"horizontal"`.
+
+Set dimensions! Vertical sliders don't assume a default `height`, so you'll need to set one. You can use any unit you want, including `%` or `px`.
\ No newline at end of file

pages/_includes/layout/js.html

@@ -9,3 +9,4 @@
 
 <!-- Tabler Core -->
 <script src="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/js/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
+<script src="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/js/tabler-range-sliders{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>

tmp-dist/css/tabler-payments.css

@@ -15,328 +15,328 @@
   border-radius: 2px; }
 
 .payment-2checkout-dark {
-  background-image: url("../../static/img/payments/2checkout-dark.svg"); }
+  background-image: url("../img/payments/2checkout-dark.svg"); }
 
 .payment-2checkout {
-  background-image: url("../../static/img/payments/2checkout.svg"); }
+  background-image: url("../img/payments/2checkout.svg"); }
 
 .payment-alipay-dark {
-  background-image: url("../../static/img/payments/alipay-dark.svg"); }
+  background-image: url("../img/payments/alipay-dark.svg"); }
 
 .payment-alipay {
-  background-image: url("../../static/img/payments/alipay.svg"); }
+  background-image: url("../img/payments/alipay.svg"); }
 
 .payment-amazon-dark {
-  background-image: url("../../static/img/payments/amazon-dark.svg"); }
+  background-image: url("../img/payments/amazon-dark.svg"); }
 
 .payment-amazon {
-  background-image: url("../../static/img/payments/amazon.svg"); }
+  background-image: url("../img/payments/amazon.svg"); }
 
 .payment-americanexpress-dark {
-  background-image: url("../../static/img/payments/americanexpress-dark.svg"); }
+  background-image: url("../img/payments/americanexpress-dark.svg"); }
 
 .payment-americanexpress {
-  background-image: url("../../static/img/payments/americanexpress.svg"); }
+  background-image: url("../img/payments/americanexpress.svg"); }
 
 .payment-applepay-dark {
-  background-image: url("../../static/img/payments/applepay-dark.svg"); }
+  background-image: url("../img/payments/applepay-dark.svg"); }
 
 .payment-applepay {
-  background-image: url("../../static/img/payments/applepay.svg"); }
+  background-image: url("../img/payments/applepay.svg"); }
 
 .payment-bancontact-dark {
-  background-image: url("../../static/img/payments/bancontact-dark.svg"); }
+  background-image: url("../img/payments/bancontact-dark.svg"); }
 
 .payment-bancontact {
-  background-image: url("../../static/img/payments/bancontact.svg"); }
+  background-image: url("../img/payments/bancontact.svg"); }
 
 .payment-bitcoin-dark {
-  background-image: url("../../static/img/payments/bitcoin-dark.svg"); }
+  background-image: url("../img/payments/bitcoin-dark.svg"); }
 
 .payment-bitcoin {
-  background-image: url("../../static/img/payments/bitcoin.svg"); }
+  background-image: url("../img/payments/bitcoin.svg"); }
 
 .payment-bitpay-dark {
-  background-image: url("../../static/img/payments/bitpay-dark.svg"); }
+  background-image: url("../img/payments/bitpay-dark.svg"); }
 
 .payment-bitpay {
-  background-image: url("../../static/img/payments/bitpay.svg"); }
+  background-image: url("../img/payments/bitpay.svg"); }
 
 .payment-cirrus-dark {
-  background-image: url("../../static/img/payments/cirrus-dark.svg"); }
+  background-image: url("../img/payments/cirrus-dark.svg"); }
 
 .payment-cirrus {
-  background-image: url("../../static/img/payments/cirrus.svg"); }
+  background-image: url("../img/payments/cirrus.svg"); }
 
 .payment-clickandbuy-dark {
-  background-image: url("../../static/img/payments/clickandbuy-dark.svg"); }
+  background-image: url("../img/payments/clickandbuy-dark.svg"); }
 
 .payment-clickandbuy {
-  background-image: url("../../static/img/payments/clickandbuy.svg"); }
+  background-image: url("../img/payments/clickandbuy.svg"); }
 
 .payment-coinkite-dark {
-  background-image: url("../../static/img/payments/coinkite-dark.svg"); }
+  background-image: url("../img/payments/coinkite-dark.svg"); }
 
 .payment-coinkite {
-  background-image: url("../../static/img/payments/coinkite.svg"); }
+  background-image: url("../img/payments/coinkite.svg"); }
 
 .payment-dinersclub-dark {
-  background-image: url("../../static/img/payments/dinersclub-dark.svg"); }
+  background-image: url("../img/payments/dinersclub-dark.svg"); }
 
 .payment-dinersclub {
-  background-image: url("../../static/img/payments/dinersclub.svg"); }
+  background-image: url("../img/payments/dinersclub.svg"); }
 
 .payment-directdebit-dark {
-  background-image: url("../../static/img/payments/directdebit-dark.svg"); }
+  background-image: url("../img/payments/directdebit-dark.svg"); }
 
 .payment-directdebit {
-  background-image: url("../../static/img/payments/directdebit.svg"); }
+  background-image: url("../img/payments/directdebit.svg"); }
 
 .payment-discover-dark {
-  background-image: url("../../static/img/payments/discover-dark.svg"); }
+  background-image: url("../img/payments/discover-dark.svg"); }
 
 .payment-discover {
-  background-image: url("../../static/img/payments/discover.svg"); }
+  background-image: url("../img/payments/discover.svg"); }
 
 .payment-dwolla-dark {
-  background-image: url("../../static/img/payments/dwolla-dark.svg"); }
+  background-image: url("../img/payments/dwolla-dark.svg"); }
 
 .payment-dwolla {
-  background-image: url("../../static/img/payments/dwolla.svg"); }
+  background-image: url("../img/payments/dwolla.svg"); }
 
 .payment-ebay-dark {
-  background-image: url("../../static/img/payments/ebay-dark.svg"); }
+  background-image: url("../img/payments/ebay-dark.svg"); }
 
 .payment-ebay {
-  background-image: url("../../static/img/payments/ebay.svg"); }
+  background-image: url("../img/payments/ebay.svg"); }
 
 .payment-eway-dark {
-  background-image: url("../../static/img/payments/eway-dark.svg"); }
+  background-image: url("../img/payments/eway-dark.svg"); }
 
 .payment-eway {
-  background-image: url("../../static/img/payments/eway.svg"); }
+  background-image: url("../img/payments/eway.svg"); }
 
 .payment-giropay-dark {
-  background-image: url("../../static/img/payments/giropay-dark.svg"); }
+  background-image: url("../img/payments/giropay-dark.svg"); }
 
 .payment-giropay {
-  background-image: url("../../static/img/payments/giropay.svg"); }
+  background-image: url("../img/payments/giropay.svg"); }
 
 .payment-googlewallet-dark {
-  background-image: url("../../static/img/payments/googlewallet-dark.svg"); }
+  background-image: url("../img/payments/googlewallet-dark.svg"); }
 
 .payment-googlewallet {
-  background-image: url("../../static/img/payments/googlewallet.svg"); }
+  background-image: url("../img/payments/googlewallet.svg"); }
 
 .payment-ingenico-dark {
-  background-image: url("../../static/img/payments/ingenico-dark.svg"); }
+  background-image: url("../img/payments/ingenico-dark.svg"); }
 
 .payment-ingenico {
-  background-image: url("../../static/img/payments/ingenico.svg"); }
+  background-image: url("../img/payments/ingenico.svg"); }
 
 .payment-jcb-dark {
-  background-image: url("../../static/img/payments/jcb-dark.svg"); }
+  background-image: url("../img/payments/jcb-dark.svg"); }
 
 .payment-jcb {
-  background-image: url("../../static/img/payments/jcb.svg"); }
+  background-image: url("../img/payments/jcb.svg"); }
 
 .payment-klarna-dark {
-  background-image: url("../../static/img/payments/klarna-dark.svg"); }
+  background-image: url("../img/payments/klarna-dark.svg"); }
 
 .payment-klarna {
-  background-image: url("../../static/img/payments/klarna.svg"); }
+  background-image: url("../img/payments/klarna.svg"); }
 
 .payment-laser-dark {
-  background-image: url("../../static/img/payments/laser-dark.svg"); }
+  background-image: url("../img/payments/laser-dark.svg"); }
 
 .payment-laser {
-  background-image: url("../../static/img/payments/laser.svg"); }
+  background-image: url("../img/payments/laser.svg"); }
 
 .payment-maestro-dark {
-  background-image: url("../../static/img/payments/maestro-dark.svg"); }
+  background-image: url("../img/payments/maestro-dark.svg"); }
 
 .payment-maestro {
-  background-image: url("../../static/img/payments/maestro.svg"); }
+  background-image: url("../img/payments/maestro.svg"); }
 
 .payment-mastercard-dark {
-  background-image: url("../../static/img/payments/mastercard-dark.svg"); }
+  background-image: url("../img/payments/mastercard-dark.svg"); }
 
 .payment-mastercard {
-  background-image: url("../../static/img/payments/mastercard.svg"); }
+  background-image: url("../img/payments/mastercard.svg"); }
 
 .payment-monero-dark {
-  background-image: url("../../static/img/payments/monero-dark.svg"); }
+  background-image: url("../img/payments/monero-dark.svg"); }
 
 .payment-monero {
-  background-image: url("../../static/img/payments/monero.svg"); }
+  background-image: url("../img/payments/monero.svg"); }
 
 .payment-neteller-dark {
-  background-image: url("../../static/img/payments/neteller-dark.svg"); }
+  background-image: url("../img/payments/neteller-dark.svg"); }
 
 .payment-neteller {
-  background-image: url("../../static/img/payments/neteller.svg"); }
+  background-image: url("../img/payments/neteller.svg"); }
 
 .payment-ogone-dark {
-  background-image: url("../../static/img/payments/ogone-dark.svg"); }
+  background-image: url("../img/payments/ogone-dark.svg"); }
 
 .payment-ogone {
-  background-image: url("../../static/img/payments/ogone.svg"); }
+  background-image: url("../img/payments/ogone.svg"); }
 
 .payment-okpay-dark {
-  background-image: url("../../static/img/payments/okpay-dark.svg"); }
+  background-image: url("../img/payments/okpay-dark.svg"); }
 
 .payment-okpay {
-  background-image: url("../../static/img/payments/okpay.svg"); }
+  background-image: url("../img/payments/okpay.svg"); }
 
 .payment-paybox-dark {
-  background-image: url("../../static/img/payments/paybox-dark.svg"); }
+  background-image: url("../img/payments/paybox-dark.svg"); }
 
 .payment-paybox {
-  background-image: url("../../static/img/payments/paybox.svg"); }
+  background-image: url("../img/payments/paybox.svg"); }
 
 .payment-paymill-dark {
-  background-image: url("../../static/img/payments/paymill-dark.svg"); }
+  background-image: url("../img/payments/paymill-dark.svg"); }
 
 .payment-paymill {
-  background-image: url("../../static/img/payments/paymill.svg"); }
+  background-image: url("../img/payments/paymill.svg"); }
 
 .payment-payone-dark {
-  background-image: url("../../static/img/payments/payone-dark.svg"); }
+  background-image: url("../img/payments/payone-dark.svg"); }
 
 .payment-payone {
-  background-image: url("../../static/img/payments/payone.svg"); }
+  background-image: url("../img/payments/payone.svg"); }
 
 .payment-payoneer-dark {
-  background-image: url("../../static/img/payments/payoneer-dark.svg"); }
+  background-image: url("../img/payments/payoneer-dark.svg"); }
 
 .payment-payoneer {
-  background-image: url("../../static/img/payments/payoneer.svg"); }
+  background-image: url("../img/payments/payoneer.svg"); }
 
 .payment-paypal-dark {
-  background-image: url("../../static/img/payments/paypal-dark.svg"); }
+  background-image: url("../img/payments/paypal-dark.svg"); }
 
 .payment-paypal {
-  background-image: url("../../static/img/payments/paypal.svg"); }
+  background-image: url("../img/payments/paypal.svg"); }
 
 .payment-paysafecard-dark {
-  background-image: url("../../static/img/payments/paysafecard-dark.svg"); }
+  background-image: url("../img/payments/paysafecard-dark.svg"); }
 
 .payment-paysafecard {
-  background-image: url("../../static/img/payments/paysafecard.svg"); }
+  background-image: url("../img/payments/paysafecard.svg"); }
 
 .payment-payu-dark {
-  background-image: url("../../static/img/payments/payu-dark.svg"); }
+  background-image: url("../img/payments/payu-dark.svg"); }
 
 .payment-payu {
-  background-image: url("../../static/img/payments/payu.svg"); }
+  background-image: url("../img/payments/payu.svg"); }
 
 .payment-payza-dark {
-  background-image: url("../../static/img/payments/payza-dark.svg"); }
+  background-image: url("../img/payments/payza-dark.svg"); }
 
 .payment-payza {
-  background-image: url("../../static/img/payments/payza.svg"); }
+  background-image: url("../img/payments/payza.svg"); }
 
 .payment-ripple-dark {
-  background-image: url("../../static/img/payments/ripple-dark.svg"); }
+  background-image: url("../img/payments/ripple-dark.svg"); }
 
 .payment-ripple {
-  background-image: url("../../static/img/payments/ripple.svg"); }
+  background-image: url("../img/payments/ripple.svg"); }
 
 .payment-sage-dark {
-  background-image: url("../../static/img/payments/sage-dark.svg"); }
+  background-image: url("../img/payments/sage-dark.svg"); }
 
 .payment-sage {
-  background-image: url("../../static/img/payments/sage.svg"); }
+  background-image: url("../img/payments/sage.svg"); }
 
 .payment-sepa-dark {
-  background-image: url("../../static/img/payments/sepa-dark.svg"); }
+  background-image: url("../img/payments/sepa-dark.svg"); }
 
 .payment-sepa {
-  background-image: url("../../static/img/payments/sepa.svg"); }
+  background-image: url("../img/payments/sepa.svg"); }
 
 .payment-shopify-dark {
-  background-image: url("../../static/img/payments/shopify-dark.svg"); }
+  background-image: url("../img/payments/shopify-dark.svg"); }
 
 .payment-shopify {
-  background-image: url("../../static/img/payments/shopify.svg"); }
+  background-image: url("../img/payments/shopify.svg"); }
 
 .payment-skrill-dark {
-  background-image: url("../../static/img/payments/skrill-dark.svg"); }
+  background-image: url("../img/payments/skrill-dark.svg"); }
 
 .payment-skrill {
-  background-image: url("../../static/img/payments/skrill.svg"); }
+  background-image: url("../img/payments/skrill.svg"); }
 
 .payment-solo-dark {
-  background-image: url("../../static/img/payments/solo-dark.svg"); }
+  background-image: url("../img/payments/solo-dark.svg"); }
 
 .payment-solo {
-  background-image: url("../../static/img/payments/solo.svg"); }
+  background-image: url("../img/payments/solo.svg"); }
 
 .payment-square-dark {
-  background-image: url("../../static/img/payments/square-dark.svg"); }
+  background-image: url("../img/payments/square-dark.svg"); }
 
 .payment-square {
-  background-image: url("../../static/img/payments/square.svg"); }
+  background-image: url("../img/payments/square.svg"); }
 
 .payment-stripe-dark {
-  background-image: url("../../static/img/payments/stripe-dark.svg"); }
+  background-image: url("../img/payments/stripe-dark.svg"); }
 
 .payment-stripe {
-  background-image: url("../../static/img/payments/stripe.svg"); }
+  background-image: url("../img/payments/stripe.svg"); }
 
 .payment-switch-dark {
-  background-image: url("../../static/img/payments/switch-dark.svg"); }
+  background-image: url("../img/payments/switch-dark.svg"); }
 
 .payment-switch {
-  background-image: url("../../static/img/payments/switch.svg"); }
+  background-image: url("../img/payments/switch.svg"); }
 
 .payment-ukash-dark {
-  background-image: url("../../static/img/payments/ukash-dark.svg"); }
+  background-image: url("../img/payments/ukash-dark.svg"); }
 
 .payment-ukash {
-  background-image: url("../../static/img/payments/ukash.svg"); }
+  background-image: url("../img/payments/ukash.svg"); }
 
 .payment-unionpay-dark {
-  background-image: url("../../static/img/payments/unionpay-dark.svg"); }
+  background-image: url("../img/payments/unionpay-dark.svg"); }
 
 .payment-unionpay {
-  background-image: url("../../static/img/payments/unionpay.svg"); }
+  background-image: url("../img/payments/unionpay.svg"); }
 
 .payment-verifone-dark {
-  background-image: url("../../static/img/payments/verifone-dark.svg"); }
+  background-image: url("../img/payments/verifone-dark.svg"); }
 
 .payment-verifone {
-  background-image: url("../../static/img/payments/verifone.svg"); }
+  background-image: url("../img/payments/verifone.svg"); }
 
 .payment-verisign-dark {
-  background-image: url("../../static/img/payments/verisign-dark.svg"); }
+  background-image: url("../img/payments/verisign-dark.svg"); }
 
 .payment-verisign {
-  background-image: url("../../static/img/payments/verisign.svg"); }
+  background-image: url("../img/payments/verisign.svg"); }
 
 .payment-visa-dark {
-  background-image: url("../../static/img/payments/visa-dark.svg"); }
+  background-image: url("../img/payments/visa-dark.svg"); }
 
 .payment-visa {
-  background-image: url("../../static/img/payments/visa.svg"); }
+  background-image: url("../img/payments/visa.svg"); }
 
 .payment-webmoney-dark {
-  background-image: url("../../static/img/payments/webmoney-dark.svg"); }
+  background-image: url("../img/payments/webmoney-dark.svg"); }
 
 .payment-webmoney {
-  background-image: url("../../static/img/payments/webmoney.svg"); }
+  background-image: url("../img/payments/webmoney.svg"); }
 
 .payment-westernunion-dark {
-  background-image: url("../../static/img/payments/westernunion-dark.svg"); }
+  background-image: url("../img/payments/westernunion-dark.svg"); }
 
 .payment-westernunion {
-  background-image: url("../../static/img/payments/westernunion.svg"); }
+  background-image: url("../img/payments/westernunion.svg"); }
 
 .payment-worldpay-dark {
-  background-image: url("../../static/img/payments/worldpay-dark.svg"); }
+  background-image: url("../img/payments/worldpay-dark.svg"); }
 
 .payment-worldpay {
-  background-image: url("../../static/img/payments/worldpay.svg"); }
+  background-image: url("../img/payments/worldpay.svg"); }
 
 .payment-size-md {
   width: 3.33332rem;

tmp-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 {
@@ -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% {
@@ -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; }
@@ -5535,8 +5535,7 @@ button.close {
   font-style: normal !important; }
 
 .text-break {
-  overflow-wrap: break-word !important;
-  word-break: break-word !important; }
+  word-wrap: break-word !important; }
 
 .font-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
@@ -8152,7 +8151,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) {
@@ -8164,18 +8165,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; } }
+  .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
@@ -8559,7 +8560,7 @@ Navbar logo
   color: #354052; }
 
 .btn-secondary {
-  color: #5f6877;
+  color: #354052;
   background-color: #ffffff;
   border-color: #dee1e7; }
   .btn-secondary:hover {
@@ -8570,7 +8571,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;
@@ -8578,46 +8579,61 @@ 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: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-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 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(.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-lg svg.icon, .btn-group-lg > .btn svg.icon {
   stroke-width: 2; }
@@ -8677,28 +8693,28 @@ Navbar logo
     border-color: transparent; }
 
 .btn-ghost-secondary {
-  color: #5f6877;
+  color: #8b929e;
   background-color: transparent;
   border-color: transparent; }
   .btn-ghost-secondary:hover {
     color: #fff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
   .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); }
+    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: #5f6877;
-    border-color: #5f6877; }
+    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(95, 104, 119, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
   .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #5f6877;
+    color: #8b929e;
     background-color: transparent;
     border-color: transparent; }
 
@@ -10447,6 +10463,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;
@@ -11714,7 +11736,7 @@ Dimmer
   color: #8b929e; }
 
 .nav-tabs .nav-link {
-  padding: 1.25rem 1.25rem;
+  padding: 0.75rem 1.25rem;
   line-height: 20px;
   color: #8b929e;
   cursor: pointer;
@@ -12375,6 +12397,9 @@ blockquote {
     blockquote cite::before {
       content: "— "; }
 
+dl dd:last-child {
+  margin-bottom: 0; }
+
 code {
   padding: 3px;
   background: rgba(32, 107, 196, 0.03);