diff --git a/package-lock.json b/package-lock.json
index 8ede991415..be4db270c3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,10 +8,9 @@
                 "@fortawesome/fontawesome-free": "^6.5.2",
                 "acorn": "^8.12.0",
                 "acorn-import-assertions": "^1.9.0",
-                "admin-lte": "^2.4.18",
+                "admin-lte": "^3.0.0",
                 "ajv": "^6.12.6",
                 "blueimp-file-upload": "^9.34.0",
-                "bootstrap": "^3.4.1",
                 "bootstrap-colorpicker": "^2.5.3",
                 "bootstrap-datepicker": "^1.10.0",
                 "bootstrap-less": "^3.3.8",
@@ -1917,6 +1916,78 @@
                 "node": ">=10.0.0"
             }
         },
+        "node_modules/@foliojs-fork/fontkit": {
+            "version": "1.9.2",
+            "resolved": "https://registry.npmjs.org/@foliojs-fork/fontkit/-/fontkit-1.9.2.tgz",
+            "integrity": "sha512-IfB5EiIb+GZk+77TRB86AHroVaqfq8JRFlUbz0WEwsInyCG0epX2tCPOy+UfaWPju30DeVoUAXfzWXmhn753KA==",
+            "dependencies": {
+                "@foliojs-fork/restructure": "^2.0.2",
+                "brotli": "^1.2.0",
+                "clone": "^1.0.4",
+                "deep-equal": "^1.0.0",
+                "dfa": "^1.2.0",
+                "tiny-inflate": "^1.0.2",
+                "unicode-properties": "^1.2.2",
+                "unicode-trie": "^2.0.0"
+            }
+        },
+        "node_modules/@foliojs-fork/fontkit/node_modules/clone": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+            "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
+        "node_modules/@foliojs-fork/fontkit/node_modules/deep-equal": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz",
+            "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==",
+            "dependencies": {
+                "is-arguments": "^1.1.1",
+                "is-date-object": "^1.0.5",
+                "is-regex": "^1.1.4",
+                "object-is": "^1.1.5",
+                "object-keys": "^1.1.1",
+                "regexp.prototype.flags": "^1.5.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/@foliojs-fork/linebreak": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@foliojs-fork/linebreak/-/linebreak-1.1.2.tgz",
+            "integrity": "sha512-ZPohpxxbuKNE0l/5iBJnOAfUaMACwvUIKCvqtWGKIMv1lPYoNjYXRfhi9FeeV9McBkBLxsMFWTVVhHJA8cyzvg==",
+            "dependencies": {
+                "base64-js": "1.3.1",
+                "unicode-trie": "^2.0.0"
+            }
+        },
+        "node_modules/@foliojs-fork/linebreak/node_modules/base64-js": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
+            "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g=="
+        },
+        "node_modules/@foliojs-fork/pdfkit": {
+            "version": "0.14.0",
+            "resolved": "https://registry.npmjs.org/@foliojs-fork/pdfkit/-/pdfkit-0.14.0.tgz",
+            "integrity": "sha512-nMOiQAv6id89MT3tVTCgc7HxD5ZMANwio2o5yvs5sexQkC0KI3BLaLakpsrHmFfeGFAhqPmZATZGbJGXTUebpg==",
+            "dependencies": {
+                "@foliojs-fork/fontkit": "^1.9.1",
+                "@foliojs-fork/linebreak": "^1.1.1",
+                "crypto-js": "^4.2.0",
+                "png-js": "^1.0.0"
+            }
+        },
+        "node_modules/@foliojs-fork/restructure": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@foliojs-fork/restructure/-/restructure-2.0.2.tgz",
+            "integrity": "sha512-59SgoZ3EXbkfSX7b63tsou/SDGzwUEK6MuB5sKqgVK1/XE0fxmpsOb9DQI8LXW3KfGnAjImCGhhEb7uPPAUVNA=="
+        },
         "node_modules/@fortawesome/fontawesome-free": {
             "version": "6.5.2",
             "hasInstallScript": true,
@@ -1976,6 +2047,11 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@lgaitan/pace-progress": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/@lgaitan/pace-progress/-/pace-progress-1.0.7.tgz",
+            "integrity": "sha512-GMoTcF6WBpno7a7Iyx7M79os26d5bCDbh7YTZmXZM8YuLR3DDtwo0/CBYddStGD6QIBTieFDz4IAQiO0dAdRGw=="
+        },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
             "license": "MIT",
@@ -2012,6 +2088,11 @@
                 "tslib": "^2.4.0"
             }
         },
+        "node_modules/@sweetalert2/theme-bootstrap-4": {
+            "version": "5.0.17",
+            "resolved": "https://registry.npmjs.org/@sweetalert2/theme-bootstrap-4/-/theme-bootstrap-4-5.0.17.tgz",
+            "integrity": "sha512-wepgHnJE8CEWEnAn0VvrsqnGDKBVCqm5JkDLwCWKJ5y+UX8GUatFVr/fxsykta2UGgFKsZaZyxVvvI90g1BK4Q=="
+        },
         "node_modules/@tokenizer/token": {
             "version": "0.3.0",
             "license": "MIT"
@@ -2024,6 +2105,11 @@
                 "node": ">=10.13.0"
             }
         },
+        "node_modules/@ttskch/select2-bootstrap4-theme": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/@ttskch/select2-bootstrap4-theme/-/select2-bootstrap4-theme-1.5.2.tgz",
+            "integrity": "sha512-gAj8qNy/VYwQDBkACm0USM66kxFai8flX83ayRXPNhzZckEgSqIBB9sM74SCM3ssgeX+ZVy4BifTnLis+KpIyg=="
+        },
         "node_modules/@types/babel__core": {
             "version": "7.20.5",
             "dev": true,
@@ -2506,32 +2592,6 @@
                 "acorn": "^8"
             }
         },
-        "node_modules/acorn-node": {
-            "version": "1.8.2",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "acorn": "^7.0.0",
-                "acorn-walk": "^7.0.0",
-                "xtend": "^4.0.2"
-            }
-        },
-        "node_modules/acorn-node/node_modules/acorn": {
-            "version": "7.4.1",
-            "license": "MIT",
-            "bin": {
-                "acorn": "bin/acorn"
-            },
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/acorn-walk": {
-            "version": "7.2.0",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
         "node_modules/adler-32": {
             "version": "1.3.1",
             "license": "Apache-2.0",
@@ -2540,41 +2600,142 @@
             }
         },
         "node_modules/admin-lte": {
-            "version": "v2.4.18",
-            "license": "MIT",
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/admin-lte/-/admin-lte-3.2.0.tgz",
+            "integrity": "sha512-IDUfoU8jo9DVlB59lDEASAJXTesAEXDZ68DOHI3qg93r5ehVTkMl2x0ixgIyff8NiHeNYXpcOZh3tr6oGbvu9g==",
+            "hasInstallScript": true,
             "dependencies": {
-                "bootstrap": "^3.4",
-                "bootstrap-colorpicker": "^2.5.3",
-                "bootstrap-datepicker": "^1.8",
-                "bootstrap-daterangepicker": "^2.1.25",
-                "bootstrap-slider": "^9.10.0",
-                "chart.js": "^1",
-                "ckeditor": "^4.11.2",
-                "datatables.net": "^1.10.19",
-                "datatables.net-bs": "^1.10.19",
+                "@fortawesome/fontawesome-free": "^5.15.4",
+                "@lgaitan/pace-progress": "^1.0.7",
+                "@sweetalert2/theme-bootstrap-4": "^5.0.8",
+                "@ttskch/select2-bootstrap4-theme": "^1.5.2",
+                "bootstrap": "^4.6.1",
+                "bootstrap-colorpicker": "^3.4.0",
+                "bootstrap-slider": "^11.0.2",
+                "bootstrap-switch": "3.3.4",
+                "bootstrap4-duallistbox": "^4.0.2",
+                "bs-custom-file-input": "^1.3.4",
+                "bs-stepper": "^1.7.0",
+                "chart.js": "^2.9.4",
+                "codemirror": "^5.65.1",
+                "datatables.net": "^1.11.4",
+                "datatables.net-autofill-bs4": "^2.3.9",
+                "datatables.net-bs4": "^1.11.4",
+                "datatables.net-buttons-bs4": "^2.2.2",
+                "datatables.net-colreorder-bs4": "^1.5.5",
+                "datatables.net-fixedcolumns-bs4": "^4.0.1",
+                "datatables.net-fixedheader-bs4": "^3.2.1",
+                "datatables.net-keytable-bs4": "^2.6.4",
+                "datatables.net-responsive-bs4": "^2.2.9",
+                "datatables.net-rowgroup-bs4": "^1.1.4",
+                "datatables.net-rowreorder-bs4": "^1.2.8",
+                "datatables.net-scroller-bs4": "^2.0.5",
+                "datatables.net-searchbuilder-bs4": "^1.3.1",
+                "datatables.net-searchpanes-bs4": "^1.4.0",
+                "datatables.net-select-bs4": "^1.3.4",
+                "daterangepicker": "^3.1.0",
+                "dropzone": "^5.9.3",
+                "ekko-lightbox": "^5.3.0",
                 "fastclick": "^1.0.6",
-                "flot": "^0.8.3",
-                "font-awesome": "^4.7",
-                "fullcalendar": "^3.10",
-                "inputmask": "^3.3.7",
-                "ion-rangeslider": "^2.3",
-                "ionicons": "^3",
-                "jquery": "^3.4.1",
-                "jquery-knob": "^1.2.11",
-                "jquery-sparkline": "^2.4",
-                "jquery-ui": "^1.12.1",
-                "jvectormap": "^1.2.2",
-                "moment": "^2.24",
-                "morris.js": "^0.5",
-                "pace": "0.0.4",
-                "raphael": "^2.2.7",
-                "select2": "^4.0.3",
-                "slimscroll": "^0.9.1"
+                "filterizr": "^2.2.4",
+                "flag-icon-css": "^4.1.7",
+                "flot": "^4.2.2",
+                "fs-extra": "^10.0.0",
+                "fullcalendar": "^5.10.1",
+                "icheck-bootstrap": "^3.0.1",
+                "inputmask": "^5.0.7",
+                "ion-rangeslider": "^2.3.1",
+                "jquery": "^3.6.0",
+                "jquery-knob-chif": "^1.2.13",
+                "jquery-mapael": "^2.2.0",
+                "jquery-mousewheel": "^3.1.13",
+                "jquery-ui-dist": "^1.13.0",
+                "jquery-validation": "^1.19.3",
+                "jqvmap-novulnerability": "^1.5.1",
+                "jsgrid": "^1.5.3",
+                "jszip": "^3.7.1",
+                "moment": "^2.29.1",
+                "overlayscrollbars": "^1.13.1",
+                "pdfmake": "^0.2.4",
+                "popper.js": "^1.16.1",
+                "raphael": "^2.3.0",
+                "select2": "^4.0.13",
+                "sparklines": "^1.3.0",
+                "summernote": "^0.8.20",
+                "sweetalert2": "^11.4.0",
+                "tempusdominus-bootstrap-4": "^5.39.0",
+                "toastr": "^2.1.4",
+                "uplot": "^1.6.18"
             }
         },
-        "node_modules/admin-lte/node_modules/chart.js": {
-            "version": "1.1.1",
-            "license": "MIT"
+        "node_modules/admin-lte/node_modules/@fortawesome/fontawesome-free": {
+            "version": "5.15.4",
+            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz",
+            "integrity": "sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg==",
+            "hasInstallScript": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/admin-lte/node_modules/bootstrap": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
+            "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/twbs"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/bootstrap"
+                }
+            ],
+            "peerDependencies": {
+                "jquery": "1.9.1 - 3",
+                "popper.js": "^1.16.1"
+            }
+        },
+        "node_modules/admin-lte/node_modules/bootstrap-colorpicker": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/bootstrap-colorpicker/-/bootstrap-colorpicker-3.4.0.tgz",
+            "integrity": "sha512-7vA0hvLrat3ptobEKlT9+6amzBUJcDAoh6hJRQY/AD+5dVZYXXf1ivRfrTwmuwiVLJo9rZwM8YB4lYzp6agzqg==",
+            "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+            "dependencies": {
+                "bootstrap": ">=4.0",
+                "jquery": ">=2.2",
+                "popper.js": ">=1.10"
+            }
+        },
+        "node_modules/admin-lte/node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/admin-lte/node_modules/jquery": {
+            "version": "3.7.1",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+            "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+        },
+        "node_modules/admin-lte/node_modules/pdfmake": {
+            "version": "0.2.10",
+            "resolved": "https://registry.npmjs.org/pdfmake/-/pdfmake-0.2.10.tgz",
+            "integrity": "sha512-doipFnmE1UHSk+Z3wfQuVweVQqx2pE/Ns2G5gCqZmWwqjDj+mZHnZYH/ryXWoIfD+iVdZUAutgI/VHkTCN+Xrw==",
+            "dependencies": {
+                "@foliojs-fork/linebreak": "^1.1.1",
+                "@foliojs-fork/pdfkit": "^0.14.0",
+                "iconv-lite": "^0.6.3",
+                "xmldoc": "^1.1.2"
+            },
+            "engines": {
+                "node": ">=12"
+            }
         },
         "node_modules/ajv": {
             "version": "6.12.6",
@@ -2749,6 +2910,7 @@
         },
         "node_modules/asn1.js": {
             "version": "4.10.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^4.0.0",
@@ -2758,10 +2920,12 @@
         },
         "node_modules/asn1.js/node_modules/bn.js": {
             "version": "4.12.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/assert": {
             "version": "1.5.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "object.assign": "^4.1.4",
@@ -2770,10 +2934,12 @@
         },
         "node_modules/assert/node_modules/inherits": {
             "version": "2.0.3",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/assert/node_modules/util": {
             "version": "0.10.4",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "inherits": "2.0.3"
@@ -3515,6 +3681,7 @@
         },
         "node_modules/balanced-match": {
             "version": "1.0.2",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/base64-arraybuffer": {
@@ -3594,6 +3761,7 @@
         },
         "node_modules/bn.js": {
             "version": "5.2.1",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/body-parser": {
@@ -3657,7 +3825,9 @@
         },
         "node_modules/bootstrap": {
             "version": "3.4.1",
-            "license": "MIT",
+            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-3.4.1.tgz",
+            "integrity": "sha512-yN5oZVmRCwe5aKwzRj6736nSmKDX7pLYwsXiCj/EYmo16hODaBiT4En5btW/jhBF/seV+XMx3aYwukYC3A49DA==",
+            "peer": true,
             "engines": {
                 "node": ">=6"
             }
@@ -3676,20 +3846,22 @@
                 "jquery": ">=3.4.0 <4.0.0"
             }
         },
-        "node_modules/bootstrap-daterangepicker": {
-            "version": "2.1.30",
-            "license": "MIT",
-            "dependencies": {
-                "jquery": ">=1.10",
-                "moment": "^2.9.0"
-            }
-        },
         "node_modules/bootstrap-less": {
             "version": "3.3.8"
         },
         "node_modules/bootstrap-slider": {
-            "version": "9.10.0",
-            "license": "MIT"
+            "version": "11.0.2",
+            "resolved": "https://registry.npmjs.org/bootstrap-slider/-/bootstrap-slider-11.0.2.tgz",
+            "integrity": "sha512-CdwS+Z6X79OkLes9RfDgPB9UIY/+81wTkm6ktdSB6hdyiRbjJLFQIjZdnEr55tDyXZfgC7U6yeSXkNN9ZdGqjA=="
+        },
+        "node_modules/bootstrap-switch": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/bootstrap-switch/-/bootstrap-switch-3.3.4.tgz",
+            "integrity": "sha512-7YQo+Ir6gCUqC36FFp1Zvec5dRF/+obq+1drMtdIMi9Xc84Kx63Evi0kdcp4HfiGsZpiz6IskyYDNlSKcxsL7w==",
+            "peerDependencies": {
+                "bootstrap": "^3.1.1",
+                "jquery": ">=1.9.0"
+            }
         },
         "node_modules/bootstrap-table": {
             "version": "1.23.0",
@@ -3699,8 +3871,14 @@
                 "jquery": "3"
             }
         },
+        "node_modules/bootstrap4-duallistbox": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/bootstrap4-duallistbox/-/bootstrap4-duallistbox-4.0.2.tgz",
+            "integrity": "sha512-vQdANVE2NN0HMaZO9qWJy0C7u04uTpAmtUGO3KLq3xAZKCboJweQ437hDTszI6pbYV2olJCGZMbdhvIkBNGeGQ=="
+        },
         "node_modules/brace-expansion": {
             "version": "1.1.11",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "balanced-match": "^1.0.0",
@@ -3719,6 +3897,7 @@
         },
         "node_modules/brorand": {
             "version": "1.1.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/brotli": {
@@ -3728,90 +3907,9 @@
                 "base64-js": "^1.1.2"
             }
         },
-        "node_modules/browser-pack": {
-            "version": "6.1.0",
-            "license": "MIT",
-            "dependencies": {
-                "combine-source-map": "~0.8.0",
-                "defined": "^1.0.0",
-                "JSONStream": "^1.0.3",
-                "safe-buffer": "^5.1.1",
-                "through2": "^2.0.0",
-                "umd": "^3.0.0"
-            },
-            "bin": {
-                "browser-pack": "bin/cmd.js"
-            }
-        },
-        "node_modules/browser-resolve": {
-            "version": "2.0.0",
-            "license": "MIT",
-            "dependencies": {
-                "resolve": "^1.17.0"
-            }
-        },
-        "node_modules/browserify": {
-            "version": "17.0.0",
-            "license": "MIT",
-            "dependencies": {
-                "assert": "^1.4.0",
-                "browser-pack": "^6.0.1",
-                "browser-resolve": "^2.0.0",
-                "browserify-zlib": "~0.2.0",
-                "buffer": "~5.2.1",
-                "cached-path-relative": "^1.0.0",
-                "concat-stream": "^1.6.0",
-                "console-browserify": "^1.1.0",
-                "constants-browserify": "~1.0.0",
-                "crypto-browserify": "^3.0.0",
-                "defined": "^1.0.0",
-                "deps-sort": "^2.0.1",
-                "domain-browser": "^1.2.0",
-                "duplexer2": "~0.1.2",
-                "events": "^3.0.0",
-                "glob": "^7.1.0",
-                "has": "^1.0.0",
-                "htmlescape": "^1.1.0",
-                "https-browserify": "^1.0.0",
-                "inherits": "~2.0.1",
-                "insert-module-globals": "^7.2.1",
-                "JSONStream": "^1.0.3",
-                "labeled-stream-splicer": "^2.0.0",
-                "mkdirp-classic": "^0.5.2",
-                "module-deps": "^6.2.3",
-                "os-browserify": "~0.3.0",
-                "parents": "^1.0.1",
-                "path-browserify": "^1.0.0",
-                "process": "~0.11.0",
-                "punycode": "^1.3.2",
-                "querystring-es3": "~0.2.0",
-                "read-only-stream": "^2.0.0",
-                "readable-stream": "^2.0.2",
-                "resolve": "^1.1.4",
-                "shasum-object": "^1.0.0",
-                "shell-quote": "^1.6.1",
-                "stream-browserify": "^3.0.0",
-                "stream-http": "^3.0.0",
-                "string_decoder": "^1.1.1",
-                "subarg": "^1.0.0",
-                "syntax-error": "^1.1.1",
-                "through2": "^2.0.0",
-                "timers-browserify": "^1.0.1",
-                "tty-browserify": "0.0.1",
-                "url": "~0.11.0",
-                "util": "~0.12.0",
-                "vm-browserify": "^1.0.0",
-                "xtend": "^4.0.0"
-            },
-            "bin": {
-                "browserify": "bin/cmd.js"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
         "node_modules/browserify-aes": {
             "version": "1.2.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "buffer-xor": "^1.0.3",
@@ -3824,6 +3922,7 @@
         },
         "node_modules/browserify-cipher": {
             "version": "1.0.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "browserify-aes": "^1.0.4",
@@ -3833,6 +3932,7 @@
         },
         "node_modules/browserify-des": {
             "version": "1.0.2",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "cipher-base": "^1.0.1",
@@ -3843,6 +3943,7 @@
         },
         "node_modules/browserify-rsa": {
             "version": "4.1.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^5.0.0",
@@ -3851,6 +3952,7 @@
         },
         "node_modules/browserify-sign": {
             "version": "4.2.3",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "bn.js": "^5.2.1",
@@ -3870,89 +3972,12 @@
         },
         "node_modules/browserify-zlib": {
             "version": "0.2.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "pako": "~1.0.5"
             }
         },
-        "node_modules/browserify/node_modules/buffer": {
-            "version": "5.2.1",
-            "license": "MIT",
-            "dependencies": {
-                "base64-js": "^1.0.2",
-                "ieee754": "^1.1.4"
-            }
-        },
-        "node_modules/browserify/node_modules/path-browserify": {
-            "version": "1.0.1",
-            "license": "MIT"
-        },
-        "node_modules/browserify/node_modules/stream-browserify": {
-            "version": "3.0.0",
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "~2.0.4",
-                "readable-stream": "^3.5.0"
-            }
-        },
-        "node_modules/browserify/node_modules/stream-browserify/node_modules/readable-stream": {
-            "version": "3.6.2",
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.3",
-                "string_decoder": "^1.1.1",
-                "util-deprecate": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/browserify/node_modules/stream-http": {
-            "version": "3.2.0",
-            "license": "MIT",
-            "dependencies": {
-                "builtin-status-codes": "^3.0.0",
-                "inherits": "^2.0.4",
-                "readable-stream": "^3.6.0",
-                "xtend": "^4.0.2"
-            }
-        },
-        "node_modules/browserify/node_modules/stream-http/node_modules/readable-stream": {
-            "version": "3.6.2",
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.3",
-                "string_decoder": "^1.1.1",
-                "util-deprecate": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/browserify/node_modules/timers-browserify": {
-            "version": "1.4.2",
-            "dependencies": {
-                "process": "~0.11.0"
-            },
-            "engines": {
-                "node": ">=0.6.0"
-            }
-        },
-        "node_modules/browserify/node_modules/tty-browserify": {
-            "version": "0.0.1",
-            "license": "MIT"
-        },
-        "node_modules/browserify/node_modules/util": {
-            "version": "0.12.5",
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.3",
-                "is-arguments": "^1.0.4",
-                "is-generator-function": "^1.0.7",
-                "is-typed-array": "^1.1.3",
-                "which-typed-array": "^1.1.2"
-            }
-        },
         "node_modules/browserslist": {
             "version": "4.23.0",
             "funding": [
@@ -3983,6 +4008,22 @@
                 "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
             }
         },
+        "node_modules/bs-custom-file-input": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/bs-custom-file-input/-/bs-custom-file-input-1.3.4.tgz",
+            "integrity": "sha512-NBsQzTnef3OW1MvdKBbMHAYHssCd613MSeJV7z2McXznWtVMnJCy7Ckyc+PwxV6Pk16cu6YBcYWh/ZE0XWNKCA==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/bs-stepper": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/bs-stepper/-/bs-stepper-1.7.0.tgz",
+            "integrity": "sha512-+DX7UKKgw2GI6ucsSCRd19VHYrxf/8znRCLs1lQVVLxz+h7EqgIOxoHcJ0/QTaaNoR9Cwg78ydo6hXIasyd3LA==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/btoa": {
             "version": "1.2.1",
             "license": "(MIT OR Apache-2.0)",
@@ -4009,10 +4050,12 @@
         },
         "node_modules/buffer-xor": {
             "version": "1.0.3",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/builtin-status-codes": {
             "version": "3.0.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/bytes": {
@@ -4023,10 +4066,6 @@
                 "node": ">= 0.8"
             }
         },
-        "node_modules/cached-path-relative": {
-            "version": "1.1.0",
-            "license": "MIT"
-        },
         "node_modules/call-bind": {
             "version": "1.0.7",
             "license": "MIT",
@@ -4170,10 +4209,6 @@
                 "node": "*"
             }
         },
-        "node_modules/charm": {
-            "version": "0.1.2",
-            "license": "MIT/X11"
-        },
         "node_modules/chart.js": {
             "version": "2.9.4",
             "license": "MIT",
@@ -4240,23 +4275,13 @@
         },
         "node_modules/cipher-base": {
             "version": "1.0.4",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "inherits": "^2.0.1",
                 "safe-buffer": "^5.0.1"
             }
         },
-        "node_modules/ckeditor": {
-            "version": "4.12.1",
-            "license": "(GPL-2.0 OR LGPL-2.1 OR MPL-1.1)"
-        },
-        "node_modules/classie": {
-            "version": "1.0.0",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.x"
-            }
-        },
         "node_modules/clean-css": {
             "version": "5.3.3",
             "dev": true,
@@ -4340,6 +4365,11 @@
                 "node": ">=6"
             }
         },
+        "node_modules/codemirror": {
+            "version": "5.65.17",
+            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.17.tgz",
+            "integrity": "sha512-1zOsUx3lzAOu/gnMAZkQ9kpIHcPYOc9y1Fbm2UVk5UBPkdq380nhkelG0qUwm1f7wPvTbndu9ZYlug35EwAZRQ=="
+        },
         "node_modules/codepage": {
             "version": "1.15.0",
             "license": "Apache-2.0",
@@ -4377,31 +4407,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/combine-source-map": {
-            "version": "0.8.0",
-            "license": "MIT",
-            "dependencies": {
-                "convert-source-map": "~1.1.0",
-                "inline-source-map": "~0.6.0",
-                "lodash.memoize": "~3.0.3",
-                "source-map": "~0.5.3"
-            }
-        },
-        "node_modules/combine-source-map/node_modules/convert-source-map": {
-            "version": "1.1.3",
-            "license": "MIT"
-        },
-        "node_modules/combine-source-map/node_modules/lodash.memoize": {
-            "version": "3.0.4",
-            "license": "MIT"
-        },
-        "node_modules/combine-source-map/node_modules/source-map": {
-            "version": "0.5.7",
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
         "node_modules/combined-stream": {
             "version": "1.0.8",
             "dev": true,
@@ -4475,21 +4480,9 @@
         },
         "node_modules/concat-map": {
             "version": "0.0.1",
+            "dev": true,
             "license": "MIT"
         },
-        "node_modules/concat-stream": {
-            "version": "1.6.2",
-            "engines": [
-                "node >= 0.8"
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "buffer-from": "^1.0.0",
-                "inherits": "^2.0.3",
-                "readable-stream": "^2.2.2",
-                "typedarray": "^0.0.6"
-            }
-        },
         "node_modules/concat/node_modules/commander": {
             "version": "2.20.3",
             "dev": true,
@@ -4509,10 +4502,12 @@
             "license": "MIT"
         },
         "node_modules/console-browserify": {
-            "version": "1.2.0"
+            "version": "1.2.0",
+            "dev": true
         },
         "node_modules/constants-browserify": {
             "version": "1.0.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/content-disposition": {
@@ -4611,6 +4606,7 @@
         },
         "node_modules/create-ecdh": {
             "version": "4.0.4",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^4.1.0",
@@ -4619,10 +4615,12 @@
         },
         "node_modules/create-ecdh/node_modules/bn.js": {
             "version": "4.12.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/create-hash": {
             "version": "1.2.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "cipher-base": "^1.0.1",
@@ -4634,6 +4632,7 @@
         },
         "node_modules/create-hmac": {
             "version": "1.1.7",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "cipher-base": "^1.0.3",
@@ -4667,6 +4666,7 @@
         },
         "node_modules/crypto-browserify": {
             "version": "3.12.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "browserify-cipher": "^1.0.0",
@@ -4879,25 +4879,279 @@
                 "node": ">=8.0.0"
             }
         },
-        "node_modules/dash-ast": {
-            "version": "1.0.0",
-            "license": "Apache-2.0"
-        },
         "node_modules/datatables.net": {
             "version": "1.13.11",
-            "license": "MIT",
+            "resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-1.13.11.tgz",
+            "integrity": "sha512-AE6RkMXziRaqzPcu/pl3SJXeRa6fmXQG/fVjuRESujvkzqDCYEeKTTpPMuVJSGYJpPi32WGSphVNNY1G4nSN/g==",
             "dependencies": {
                 "jquery": "1.8 - 4"
             }
         },
-        "node_modules/datatables.net-bs": {
+        "node_modules/datatables.net-autofill": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-autofill/-/datatables.net-autofill-2.7.0.tgz",
+            "integrity": "sha512-zy7Jglke0VXu7RzyGYufMLLlSJkhr+rWJubBw0cozlaXtrqR2CNjY8LBBJA19GwBeoDCNrbojNge0YN8l44b8g==",
+            "dependencies": {
+                "datatables.net": ">=1.11",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-autofill-bs4": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-autofill-bs4/-/datatables.net-autofill-bs4-2.7.0.tgz",
+            "integrity": "sha512-vVMvZeioGhmvd7URJAvXnOYod/ZWKhCDsLB7Onw7SaJmeawf4CaY7lAU79ee0531Kf0FWuLOKlZcaEt8p1w4qQ==",
+            "dependencies": {
+                "datatables.net-autofill": "2.7.0",
+                "datatables.net-bs4": ">=1.11",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-bs4": {
             "version": "1.13.11",
-            "license": "MIT",
+            "resolved": "https://registry.npmjs.org/datatables.net-bs4/-/datatables.net-bs4-1.13.11.tgz",
+            "integrity": "sha512-1LnxzQDFKpwvBETc8wtUtQ+pUXhs6NJomNST5pRzzHAccckkj9rZeOp3mevKDnDJKuNhBM1Y0rIeZGylJnqh9A==",
             "dependencies": {
                 "datatables.net": "1.13.11",
                 "jquery": "1.8 - 4"
             }
         },
+        "node_modules/datatables.net-buttons": {
+            "version": "2.4.3",
+            "resolved": "https://registry.npmjs.org/datatables.net-buttons/-/datatables.net-buttons-2.4.3.tgz",
+            "integrity": "sha512-xoHD6I2kxnU/CEp97Ar0lSnAL1siucQ/5Q/otGWWfWE2VN0o4n5C2h2Ot/ZCS8kxbEHBGd873Bc2xPdJH87yOw==",
+            "dependencies": {
+                "datatables.net": "^1.13.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-buttons-bs4": {
+            "version": "2.4.3",
+            "resolved": "https://registry.npmjs.org/datatables.net-buttons-bs4/-/datatables.net-buttons-bs4-2.4.3.tgz",
+            "integrity": "sha512-j/4ZFyGtRcNNknwN/+evClgmG/OZIAF+xEhfzpwFzOz7Mk/0j7GyDGO+V5tg5FTOyxyK03NSu0cT0hvPglDpmA==",
+            "dependencies": {
+                "datatables.net-bs4": "^1.13.0",
+                "datatables.net-buttons": "2.4.3",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-colreorder": {
+            "version": "1.7.2",
+            "resolved": "https://registry.npmjs.org/datatables.net-colreorder/-/datatables.net-colreorder-1.7.2.tgz",
+            "integrity": "sha512-F8TYMFXtWLtsjciwS7hkP/Fbp3XS6WHuHLc+iMFtQqiQmbMo/59GK7YSxKuxSoqTTJU/opaPXQYjODnIuNEc/g==",
+            "dependencies": {
+                "datatables.net": "^1.13.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-colreorder-bs4": {
+            "version": "1.7.2",
+            "resolved": "https://registry.npmjs.org/datatables.net-colreorder-bs4/-/datatables.net-colreorder-bs4-1.7.2.tgz",
+            "integrity": "sha512-iVlvHwD82ZCDuaDaAXsD6OukNjgWNe44+f0yu43a1bOwK1ncXYiBSohlEuIhynHnESexN2vg4saj4a0rEMNx+w==",
+            "dependencies": {
+                "datatables.net-bs4": "^1.13.0",
+                "datatables.net-colreorder": "1.7.2",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-fixedcolumns": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-fixedcolumns/-/datatables.net-fixedcolumns-4.3.1.tgz",
+            "integrity": "sha512-K5hEr5PIIHFMLd2sR9CBw3RRhf0nJbbsc5NHWnfjUUtnr9d808xbifuej3TpdKOtGeRJgAnRktiL9f30sM32CQ==",
+            "dependencies": {
+                "datatables.net": "^1.13.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-fixedcolumns-bs4": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-fixedcolumns-bs4/-/datatables.net-fixedcolumns-bs4-4.3.1.tgz",
+            "integrity": "sha512-/JkG5vAil/KEB+FFvl0kcvqFMVHXZgq+6yzImlZaHE3NSApV8L5eWnyIQakShczPcxrU9iozGOxvtRRIFl0rqA==",
+            "dependencies": {
+                "datatables.net-bs4": "^1.13.0",
+                "datatables.net-fixedcolumns": "4.3.1",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-fixedheader": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-fixedheader/-/datatables.net-fixedheader-3.4.1.tgz",
+            "integrity": "sha512-c9FJAShG5r8RJDIszWQvMFe6Ie+njfbHB9GhzOPjEF7zhbsMUQEkoYq1qW3ppOxY5psadDrT+D3f4iGM589u6w==",
+            "dependencies": {
+                "datatables.net": "^1.13.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-fixedheader-bs4": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-fixedheader-bs4/-/datatables.net-fixedheader-bs4-3.4.1.tgz",
+            "integrity": "sha512-Oq6yCpswdFRn+nwrjOjD0nmpH3F0glz/ppgdT8vA6U/8qkguze4d3qZyEYd7osqrCeX9ccUZR9ptpqRYb6sVtg==",
+            "dependencies": {
+                "datatables.net-bs4": "^1.13.0",
+                "datatables.net-fixedheader": "3.4.1",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-keytable": {
+            "version": "2.12.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-keytable/-/datatables.net-keytable-2.12.1.tgz",
+            "integrity": "sha512-MR/qvBxVXld3i+YZfLAv/yCMvzh1trEIMpLo7YU0DP/CIWewHhkFeTS0G3tJgLjBes4v4tyR0Zjf6R9aMtMBEw==",
+            "dependencies": {
+                "datatables.net": ">=1.11.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-keytable-bs4": {
+            "version": "2.12.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-keytable-bs4/-/datatables.net-keytable-bs4-2.12.1.tgz",
+            "integrity": "sha512-7ZUNFTfbjeQl9w7Yu2G2zNs3UFpc07rpJm84AE43ecLg+pj7w9tXxRQlvkz4G1uL6DqkUswOBiCpySUy3R2QLw==",
+            "dependencies": {
+                "datatables.net-bs4": ">=1.11.0",
+                "datatables.net-keytable": "2.12.1",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-responsive": {
+            "version": "2.5.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-responsive/-/datatables.net-responsive-2.5.1.tgz",
+            "integrity": "sha512-hyJb2faIzEWUX5Yn4HOSq/6NNB9SXDVbI4OU9ny+XU/2ghZEz4676spOgzpDHTdWvCfM+t1mbUsT70fDiTTr9w==",
+            "dependencies": {
+                "datatables.net": "^1.13.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-responsive-bs4": {
+            "version": "2.5.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-responsive-bs4/-/datatables.net-responsive-bs4-2.5.1.tgz",
+            "integrity": "sha512-cOVCG9zRioqJiqZUPXel5/vxKGt8EFhxgzVafDNy2hY3ZO+UMMuRKcs2br/QMoojbXzpKNf2rL/lM7NoXKVKZA==",
+            "dependencies": {
+                "datatables.net-bs4": "^1.13.0",
+                "datatables.net-responsive": "2.5.1",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-rowgroup": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-rowgroup/-/datatables.net-rowgroup-1.5.0.tgz",
+            "integrity": "sha512-V/CLJu7rMjxwfhZAv59emZOPw58cwnYmd8NXTTJSnqBDgOZsaC9mtVo0ejBpdqvNw5WmMPy3AJceH+ay6JQ3hA==",
+            "dependencies": {
+                "datatables.net": ">=1.11.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-rowgroup-bs4": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-rowgroup-bs4/-/datatables.net-rowgroup-bs4-1.5.0.tgz",
+            "integrity": "sha512-1CTXF2BsYwWYg3tjUw6cayRYsbt61DD3ms/8Evuz3/qrlKO6txdbp8OsmBNQJwT6qgEjPWx6tuGi8xdHGOey3A==",
+            "dependencies": {
+                "datatables.net-bs4": ">=1.11.0",
+                "datatables.net-rowgroup": "1.5.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-rowreorder": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-rowreorder/-/datatables.net-rowreorder-1.5.0.tgz",
+            "integrity": "sha512-Kkq57tdJHrUCYkS8vywhL5tqKtl2q3K3p8A6wkIdwMX2b8YVjtywhQbXvvVLZnlMQsdX194FXVK1AgAwcm4hFg==",
+            "dependencies": {
+                "datatables.net": ">=1.11.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-rowreorder-bs4": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-rowreorder-bs4/-/datatables.net-rowreorder-bs4-1.5.0.tgz",
+            "integrity": "sha512-4C9tzLRaisO+IOdJ1n6NRQ8ak0zC0IbX50Ed5hg+5PT7VJLI9klH+GBwE6hpF28UTWk7E6somzOwnRHLexqXdA==",
+            "dependencies": {
+                "datatables.net-bs4": ">=1.11.0",
+                "datatables.net-rowreorder": "1.5.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-scroller": {
+            "version": "2.4.3",
+            "resolved": "https://registry.npmjs.org/datatables.net-scroller/-/datatables.net-scroller-2.4.3.tgz",
+            "integrity": "sha512-ce6Qa7ObGQmLJYvm6eMglf54L+01/Omn3N1pw7SiQjGYv8AKRRp1ex+U0NWmx3QaWp0iEeTnBaM4G6ay4juYZg==",
+            "dependencies": {
+                "datatables.net": "1.11 - 2",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-scroller-bs4": {
+            "version": "2.4.3",
+            "resolved": "https://registry.npmjs.org/datatables.net-scroller-bs4/-/datatables.net-scroller-bs4-2.4.3.tgz",
+            "integrity": "sha512-ca02sqd8VJTafqZhCOETXvvyACFh08aUl4JD+gxg7/1JKjvki0hnpyUkU5SBYgV0aNT1B2ecK+PZf4E/dWjtFg==",
+            "dependencies": {
+                "datatables.net-bs4": "1.11 - 2",
+                "datatables.net-scroller": "2.4.3",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-searchbuilder": {
+            "version": "1.7.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-searchbuilder/-/datatables.net-searchbuilder-1.7.1.tgz",
+            "integrity": "sha512-bfTZIi8BQ2dNGF0bCrAok3ohowxstYhT7kOhi6i4eeRJx631Ei9wtTWYvDl0MnTw44tgWfotCdUXGLWVVfwI1g==",
+            "dependencies": {
+                "datatables.net": "1.11 - 2",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-searchbuilder-bs4": {
+            "version": "1.7.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-searchbuilder-bs4/-/datatables.net-searchbuilder-bs4-1.7.1.tgz",
+            "integrity": "sha512-SJuAGJzLUO4yKnn4KQUjuE+6YiWmqYhSbyqxZ2pOZ65AV3XbYPUKCqxbIxKVa9HMUMKtfrSuJ94/RrCIswCfMA==",
+            "dependencies": {
+                "datatables.net-bs4": "1.11 - 2",
+                "datatables.net-searchbuilder": "1.7.1",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-searchpanes": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-searchpanes/-/datatables.net-searchpanes-2.3.0.tgz",
+            "integrity": "sha512-AAl03TQXatzQh6gqNot1BAzenMxQ0/mxX+Nzn770mdTUmhVy2VX8pa7/vZlwe0tRbTcZ9VZMBMErCb66i5X3rA==",
+            "dependencies": {
+                "datatables.net": ">=1.11.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-searchpanes-bs4": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/datatables.net-searchpanes-bs4/-/datatables.net-searchpanes-bs4-1.4.0.tgz",
+            "integrity": "sha512-Floxzmw2cQkUQdI7Vv4IWtLqLmwPrmY6MPncbEWq4YvkSeaZW7OHzSmZLLUjMn2P6Huvz59WUVcwL0lSDui6GQ==",
+            "dependencies": {
+                "datatables.net-bs4": ">=1.10.25",
+                "datatables.net-searchpanes": ">=1.3.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-select": {
+            "version": "1.7.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-select/-/datatables.net-select-1.7.1.tgz",
+            "integrity": "sha512-yC+GoBDVsnbaFTYKmZ2v5Bftc66zSZCYHbPYZb/ccdvxytEEudjc9R3wn6fgkOrVx3C2X/8keQc4a7EJvdOErg==",
+            "dependencies": {
+                "datatables.net": "^1.13.0",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/datatables.net-select-bs4": {
+            "version": "1.7.1",
+            "resolved": "https://registry.npmjs.org/datatables.net-select-bs4/-/datatables.net-select-bs4-1.7.1.tgz",
+            "integrity": "sha512-iHG4C8RdJIpsGIGDCXofUflHN1fa2N0E83MZPuqQXh1ZBkeJzd700rnru2mJXbvFc+wM9vf0Xxr6C5YsYFprgA==",
+            "dependencies": {
+                "datatables.net-bs4": "^1.13.0",
+                "datatables.net-select": "1.7.1",
+                "jquery": ">=1.7"
+            }
+        },
+        "node_modules/daterangepicker": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/daterangepicker/-/daterangepicker-3.1.0.tgz",
+            "integrity": "sha512-DxWXvvPq4srWLCqFugqSV+6CBt/CvQ0dnpXhQ3gl0autcIDAruG1PuGG3gC7yPRNytAD1oU1AcUOzaYhOawhTw==",
+            "dependencies": {
+                "jquery": ">=1.10",
+                "moment": "^2.9.0"
+            }
+        },
         "node_modules/debug": {
             "version": "2.6.9",
             "dev": true,
@@ -4997,13 +5251,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/defined": {
-            "version": "1.0.1",
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
             "dev": true,
@@ -5024,21 +5271,9 @@
                 "node": ">= 0.8"
             }
         },
-        "node_modules/deps-sort": {
-            "version": "2.0.1",
-            "license": "MIT",
-            "dependencies": {
-                "JSONStream": "^1.0.3",
-                "shasum-object": "^1.0.0",
-                "subarg": "^1.0.0",
-                "through2": "^2.0.0"
-            },
-            "bin": {
-                "deps-sort": "bin/cmd.js"
-            }
-        },
         "node_modules/des.js": {
             "version": "1.1.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "inherits": "^2.0.1",
@@ -5059,21 +5294,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/detective": {
-            "version": "5.2.1",
-            "license": "MIT",
-            "dependencies": {
-                "acorn-node": "^1.8.2",
-                "defined": "^1.0.0",
-                "minimist": "^1.2.6"
-            },
-            "bin": {
-                "detective": "bin/detective.js"
-            },
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
         "node_modules/dfa": {
             "version": "1.2.0",
             "license": "MIT"
@@ -5085,6 +5305,7 @@
         },
         "node_modules/diffie-hellman": {
             "version": "5.0.3",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^4.1.0",
@@ -5094,6 +5315,7 @@
         },
         "node_modules/diffie-hellman/node_modules/bn.js": {
             "version": "4.12.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/dir-glob": {
@@ -5146,6 +5368,7 @@
         },
         "node_modules/domain-browser": {
             "version": "1.2.0",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.4",
@@ -5177,17 +5400,6 @@
                 "url": "https://github.com/fb55/domhandler?sponsor=1"
             }
         },
-        "node_modules/domhelper": {
-            "version": "0.9.1",
-            "dependencies": {
-                "browserify": ">=3.46.0",
-                "classie": ">=0.0.1",
-                "util-extend": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.x"
-            }
-        },
         "node_modules/dompurify": {
             "version": "2.5.2",
             "license": "(MPL-2.0 OR Apache-2.0)",
@@ -5242,12 +5454,10 @@
             "dev": true,
             "license": "BSD-2-Clause"
         },
-        "node_modules/duplexer2": {
-            "version": "0.1.4",
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "readable-stream": "^2.0.2"
-            }
+        "node_modules/dropzone": {
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/dropzone/-/dropzone-5.9.3.tgz",
+            "integrity": "sha512-Azk8kD/2/nJIuVPK+zQ9sjKMRIpRvNyqn9XwbBHNq+iNuSccbJS6hwm1Woy0pMST0erSo0u4j+KJaodndDk4vA=="
         },
         "node_modules/ee-first": {
             "version": "1.1.1",
@@ -5264,6 +5474,7 @@
         },
         "node_modules/elliptic": {
             "version": "6.5.5",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^4.11.9",
@@ -5277,6 +5488,7 @@
         },
         "node_modules/elliptic/node_modules/bn.js": {
             "version": "4.12.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/emoji-regex": {
@@ -5463,6 +5675,11 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/ev-emitter": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
+            "integrity": "sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q=="
+        },
         "node_modules/eve-raphael": {
             "version": "0.5.0"
         },
@@ -5480,6 +5697,7 @@
         },
         "node_modules/evp_bytestokey": {
             "version": "1.0.3",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "md5.js": "^1.3.4",
@@ -5598,9 +5816,10 @@
             "version": "2.1.0",
             "license": "MIT"
         },
-        "node_modules/fast-safe-stringify": {
-            "version": "2.1.1",
-            "license": "MIT"
+        "node_modules/fast-memoize": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/fast-memoize/-/fast-memoize-2.5.2.tgz",
+            "integrity": "sha512-Ue0LwpDYErFbmNnZSF0UH6eImUwDmogUO1jyE+JbN2gsQz/jICm1Ve7t9QT0rNSsfJt+Hs4/S3GnsDVjL4HVrw=="
         },
         "node_modules/fastclick": {
             "version": "1.0.6"
@@ -5697,6 +5916,15 @@
                 "node": ">=8"
             }
         },
+        "node_modules/filterizr": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/filterizr/-/filterizr-2.2.4.tgz",
+            "integrity": "sha512-hqyEdg7RrvJMVFOeF0yysS75HP6jLu0wBSUtSPAc3BysAtHpwcXaPnR1kYp2uZtd3YXyhH6JRfF9+H4SRvrqXg==",
+            "dependencies": {
+                "fast-memoize": "^2.5.1",
+                "imagesloaded": "^4.1.4"
+            }
+        },
         "node_modules/finalhandler": {
             "version": "1.2.0",
             "dev": true,
@@ -5742,6 +5970,12 @@
                 "node": ">=8"
             }
         },
+        "node_modules/flag-icon-css": {
+            "version": "4.1.7",
+            "resolved": "https://registry.npmjs.org/flag-icon-css/-/flag-icon-css-4.1.7.tgz",
+            "integrity": "sha512-AFjSU+fv98XbU0vnTQ32vcLj89UEr1MhwDFcooQv14qWJCjg9fGZzfh9BVyDhAhIOZW/pGmJmq38RqpgPaeybQ==",
+            "deprecated": "The project has been renamed to flag-icons"
+        },
         "node_modules/flat": {
             "version": "5.0.2",
             "dev": true,
@@ -5751,7 +5985,9 @@
             }
         },
         "node_modules/flot": {
-            "version": "0.8.3"
+            "version": "4.2.6",
+            "resolved": "https://registry.npmjs.org/flot/-/flot-4.2.6.tgz",
+            "integrity": "sha512-Iz4HCet1ZBQnjGwECz4jseD1zMnh7m2XJIMI6A62l8h2SeceLYOEmYGNQto1XhkSM9fUmqzyKhWwJ+RolWLydg=="
         },
         "node_modules/follow-redirects": {
             "version": "1.15.6",
@@ -5772,13 +6008,6 @@
                 }
             }
         },
-        "node_modules/font-awesome": {
-            "version": "4.7.0",
-            "license": "(OFL-1.1 AND MIT)",
-            "engines": {
-                "node": ">=0.10.3"
-            }
-        },
         "node_modules/fontkit": {
             "version": "1.9.0",
             "license": "MIT",
@@ -5851,7 +6080,6 @@
         },
         "node_modules/fs-extra": {
             "version": "10.1.0",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "graceful-fs": "^4.2.0",
@@ -5869,6 +6097,7 @@
         },
         "node_modules/fs.realpath": {
             "version": "1.0.0",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/fsevents": {
@@ -5884,12 +6113,9 @@
             }
         },
         "node_modules/fullcalendar": {
-            "version": "3.10.5",
-            "license": "MIT",
-            "peerDependencies": {
-                "jquery": "2 - 3",
-                "moment": "^2.20.1"
-            }
+            "version": "5.11.5",
+            "resolved": "https://registry.npmjs.org/fullcalendar/-/fullcalendar-5.11.5.tgz",
+            "integrity": "sha512-eaVD6zOvuFXVpoMKlg2FQAj8e+PcpitBMwlzwRJJr1zOi/dXMYAksx2hLzwtsr93FVUNSSo16xwMTTZz6+prKQ=="
         },
         "node_modules/function-bind": {
             "version": "1.1.2",
@@ -5913,10 +6139,6 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/get-assigned-identifiers": {
-            "version": "1.2.0",
-            "license": "Apache-2.0"
-        },
         "node_modules/get-caller-file": {
             "version": "2.0.5",
             "dev": true,
@@ -5955,6 +6177,7 @@
         },
         "node_modules/glob": {
             "version": "7.2.3",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "fs.realpath": "^1.0.0",
@@ -6052,13 +6275,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/has": {
-            "version": "1.0.4",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
         "node_modules/has-ansi": {
             "version": "2.0.0",
             "dev": true,
@@ -6137,6 +6353,7 @@
         },
         "node_modules/hash-base": {
             "version": "3.0.4",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "inherits": "^2.0.1",
@@ -6153,6 +6370,7 @@
         },
         "node_modules/hash.js": {
             "version": "1.1.7",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "inherits": "^2.0.3",
@@ -6179,6 +6397,7 @@
         },
         "node_modules/hmac-drbg": {
             "version": "1.0.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "hash.js": "^1.0.3",
@@ -6304,13 +6523,6 @@
                 "node": ">=8.0.0"
             }
         },
-        "node_modules/htmlescape": {
-            "version": "1.1.1",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
         "node_modules/htmlparser2": {
             "version": "4.1.0",
             "dev": true,
@@ -6385,6 +6597,7 @@
         },
         "node_modules/https-browserify": {
             "version": "1.0.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/human-signals": {
@@ -6395,6 +6608,11 @@
                 "node": ">=10.17.0"
             }
         },
+        "node_modules/icheck-bootstrap": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/icheck-bootstrap/-/icheck-bootstrap-3.0.1.tgz",
+            "integrity": "sha512-Rj3SybdcMcayhsP4IJ+hmCNgCKclaFcs/5zwCuLXH1WMo468NegjhZVxbSNKhEjJjnwc4gKETogUmPYSQ9lEZQ=="
+        },
         "node_modules/iconv-lite": {
             "version": "0.4.24",
             "dev": true,
@@ -6468,6 +6686,14 @@
                 "node": ">=12"
             }
         },
+        "node_modules/imagesloaded": {
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/imagesloaded/-/imagesloaded-4.1.4.tgz",
+            "integrity": "sha512-ltiBVcYpc/TYTF5nolkMNsnREHW+ICvfQ3Yla2Sgr71YFwQ86bDwV9hgpFhFtrGPuwEx5+LqOHIrdXBdoWwwsA==",
+            "dependencies": {
+                "ev-emitter": "^1.0.0"
+            }
+        },
         "node_modules/img-loader": {
             "version": "4.0.0",
             "dev": true,
@@ -6506,6 +6732,11 @@
                 "node": ">=4.0.0"
             }
         },
+        "node_modules/immediate": {
+            "version": "3.0.6",
+            "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+            "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
+        },
         "node_modules/import-fresh": {
             "version": "3.3.0",
             "dev": true,
@@ -6541,6 +6772,7 @@
         },
         "node_modules/inflight": {
             "version": "1.0.6",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "once": "^1.3.0",
@@ -6551,23 +6783,10 @@
             "version": "2.0.4",
             "license": "ISC"
         },
-        "node_modules/inline-source-map": {
-            "version": "0.6.3",
-            "license": "MIT",
-            "dependencies": {
-                "source-map": "~0.5.3"
-            }
-        },
-        "node_modules/inline-source-map/node_modules/source-map": {
-            "version": "0.5.7",
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
         "node_modules/inputmask": {
-            "version": "3.3.11",
-            "license": "MIT"
+            "version": "5.0.9",
+            "resolved": "https://registry.npmjs.org/inputmask/-/inputmask-5.0.9.tgz",
+            "integrity": "sha512-s0lUfqcEbel+EQXtehXqwCJGShutgieOaIImFKC/r4reYNvX3foyrChl6LOEvaEgxEbesePIrw1Zi2jhZaDZbQ=="
         },
         "node_modules/inquirer": {
             "version": "7.3.3",
@@ -6592,25 +6811,6 @@
                 "node": ">=8.0.0"
             }
         },
-        "node_modules/insert-module-globals": {
-            "version": "7.2.1",
-            "license": "MIT",
-            "dependencies": {
-                "acorn-node": "^1.5.2",
-                "combine-source-map": "^0.8.0",
-                "concat-stream": "^1.6.1",
-                "is-buffer": "^1.1.0",
-                "JSONStream": "^1.0.3",
-                "path-is-absolute": "^1.0.1",
-                "process": "~0.11.0",
-                "through2": "^2.0.0",
-                "undeclared-identifiers": "^1.1.2",
-                "xtend": "^4.0.0"
-            },
-            "bin": {
-                "insert-module-globals": "bin/cmd.js"
-            }
-        },
         "node_modules/internal-slot": {
             "version": "1.0.7",
             "license": "MIT",
@@ -6646,13 +6846,6 @@
                 "jquery": ">=1.8"
             }
         },
-        "node_modules/ionicons": {
-            "version": "3.0.0",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.3"
-            }
-        },
         "node_modules/ipaddr.js": {
             "version": "2.2.0",
             "dev": true,
@@ -6731,6 +6924,7 @@
         },
         "node_modules/is-buffer": {
             "version": "1.1.6",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/is-callable": {
@@ -6745,6 +6939,7 @@
         },
         "node_modules/is-core-module": {
             "version": "2.13.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "hasown": "^2.0.0"
@@ -6795,19 +6990,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/is-generator-function": {
-            "version": "1.0.10",
-            "license": "MIT",
-            "dependencies": {
-                "has-tostringtag": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
         "node_modules/is-glob": {
             "version": "4.0.3",
             "license": "MIT",
@@ -6944,19 +7126,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/is-typed-array": {
-            "version": "1.1.13",
-            "license": "MIT",
-            "dependencies": {
-                "which-typed-array": "^1.1.14"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
         "node_modules/is-weakmap": {
             "version": "2.0.2",
             "license": "MIT",
@@ -7042,9 +7211,30 @@
             "version": "3.5.1",
             "license": "MIT"
         },
-        "node_modules/jquery-knob": {
-            "version": "1.2.11",
-            "license": "MIT"
+        "node_modules/jquery-knob-chif": {
+            "version": "1.2.13",
+            "resolved": "https://registry.npmjs.org/jquery-knob-chif/-/jquery-knob-chif-1.2.13.tgz",
+            "integrity": "sha512-dveq9MZCr68bRrsziuRusKS+/ciT1yOOHdENOSTcXVRM9MsEyCK/DjqR9nc7V3on41269PFdDE2Fuib8Cw4jAA=="
+        },
+        "node_modules/jquery-mapael": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/jquery-mapael/-/jquery-mapael-2.2.0.tgz",
+            "integrity": "sha512-B5cVcCkfs7Ezia1Zs8bEfVacYD/GvaASyqQeidApR/NJ1C4igcExk9VULVsgLcTPkxohcZrrz5uCaPXvuKeZWw==",
+            "dependencies": {
+                "jquery": "^3.0 || ^2.0 || ^1.0",
+                "raphael": "^2.2.0 || ^2.1.1"
+            },
+            "optionalDependencies": {
+                "jquery-mousewheel": "^3.1"
+            },
+            "peerDependencies": {
+                "jquery": "^3.0 || ^2.0 || ^1.0"
+            }
+        },
+        "node_modules/jquery-mousewheel": {
+            "version": "3.1.13",
+            "resolved": "https://registry.npmjs.org/jquery-mousewheel/-/jquery-mousewheel-3.1.13.tgz",
+            "integrity": "sha512-GXhSjfOPyDemM005YCEHvzrEALhKDIswtxSHSR2e4K/suHVJKJxxRCGz3skPjNxjJjQa9AVSGGlYjv1M3VLIPg=="
         },
         "node_modules/jquery-slimscroll": {
             "version": "1.3.8",
@@ -7052,10 +7242,6 @@
                 "jquery": ">= 1.7"
             }
         },
-        "node_modules/jquery-sparkline": {
-            "version": "2.4.0",
-            "license": "BSD-2-Clause"
-        },
         "node_modules/jquery-ui": {
             "version": "1.13.3",
             "license": "MIT",
@@ -7063,6 +7249,14 @@
                 "jquery": ">=1.8.0 <4.0.0"
             }
         },
+        "node_modules/jquery-ui-dist": {
+            "version": "1.13.3",
+            "resolved": "https://registry.npmjs.org/jquery-ui-dist/-/jquery-ui-dist-1.13.3.tgz",
+            "integrity": "sha512-qeTR3SOSQ0jgxaNXSFU6+JtxdzNUSJKgp8LCzVrVKntM25+2YBJW1Ea8B2AwjmmSHfPLy2dSlZxJQN06OfVFhg==",
+            "dependencies": {
+                "jquery": ">=1.8.0 <4.0.0"
+            }
+        },
         "node_modules/jquery-validation": {
             "version": "1.20.1",
             "resolved": "https://registry.npmjs.org/jquery-validation/-/jquery-validation-1.20.1.tgz",
@@ -7075,6 +7269,14 @@
             "version": "1.0.0",
             "license": "MIT"
         },
+        "node_modules/jqvmap-novulnerability": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/jqvmap-novulnerability/-/jqvmap-novulnerability-1.5.1.tgz",
+            "integrity": "sha512-O6Jr7AGiut9iNJMelPdy8pH83tNXadOqmhJm5FZy9gtaZ5uuhZK3VNu+YLFuTpXeZI8YXUvlFUYbJJi5XHA+tw==",
+            "dependencies": {
+                "jquery": "^3.4.0"
+            }
+        },
         "node_modules/js-tokens": {
             "version": "3.0.2",
             "dev": true,
@@ -7091,6 +7293,11 @@
                 "node": ">=4"
             }
         },
+        "node_modules/jsgrid": {
+            "version": "1.5.3",
+            "resolved": "https://registry.npmjs.org/jsgrid/-/jsgrid-1.5.3.tgz",
+            "integrity": "sha512-/BJgQp7gZe8o/VgNelwXc21jHc9HN+l7WPOkBhC9b9jPXFtOrU9ftNLPVBmKYCNlIulAbGTW8SDJI0mpw7uWxQ=="
+        },
         "node_modules/json-fixer": {
             "version": "1.6.15",
             "dev": true,
@@ -7124,7 +7331,6 @@
         },
         "node_modules/jsonfile": {
             "version": "6.1.0",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "universalify": "^2.0.0"
@@ -7133,27 +7339,6 @@
                 "graceful-fs": "^4.1.6"
             }
         },
-        "node_modules/jsonparse": {
-            "version": "1.3.1",
-            "engines": [
-                "node >= 0.2.0"
-            ],
-            "license": "MIT"
-        },
-        "node_modules/JSONStream": {
-            "version": "1.3.5",
-            "license": "(MIT OR Apache-2.0)",
-            "dependencies": {
-                "jsonparse": "^1.2.0",
-                "through": ">=2.2.7 <3"
-            },
-            "bin": {
-                "JSONStream": "bin.js"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
         "node_modules/jspdf": {
             "version": "2.5.1",
             "license": "MIT",
@@ -7187,6 +7372,17 @@
                 "url": "https://opencollective.com/core-js"
             }
         },
+        "node_modules/jszip": {
+            "version": "3.10.1",
+            "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+            "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+            "dependencies": {
+                "lie": "~3.3.0",
+                "pako": "~1.0.2",
+                "readable-stream": "~2.3.6",
+                "setimmediate": "^1.0.5"
+            }
+        },
         "node_modules/junk": {
             "version": "3.1.0",
             "license": "MIT",
@@ -7194,12 +7390,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/jvectormap": {
-            "version": "1.2.2",
-            "dependencies": {
-                "jquery": ">=1.5"
-            }
-        },
         "node_modules/kind-of": {
             "version": "6.0.3",
             "dev": true,
@@ -7216,14 +7406,6 @@
                 "node": ">= 8"
             }
         },
-        "node_modules/labeled-stream-splicer": {
-            "version": "2.0.2",
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.1",
-                "stream-splicer": "^2.0.0"
-            }
-        },
         "node_modules/laravel-mix": {
             "version": "6.0.49",
             "dev": true,
@@ -7582,6 +7764,14 @@
                 "semver": "bin/semver"
             }
         },
+        "node_modules/lie": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+            "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+            "dependencies": {
+                "immediate": "~3.0.5"
+            }
+        },
         "node_modules/lilconfig": {
             "version": "2.1.0",
             "dev": true,
@@ -7731,6 +7921,7 @@
         },
         "node_modules/md5.js": {
             "version": "1.3.5",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "hash-base": "^3.0.0",
@@ -7799,6 +7990,7 @@
         },
         "node_modules/miller-rabin": {
             "version": "4.0.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^4.0.0",
@@ -7810,6 +8002,7 @@
         },
         "node_modules/miller-rabin/node_modules/bn.js": {
             "version": "4.12.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/mime": {
@@ -7870,14 +8063,17 @@
         },
         "node_modules/minimalistic-assert": {
             "version": "1.0.1",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/minimalistic-crypto-utils": {
             "version": "1.0.1",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/minimatch": {
             "version": "3.1.2",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "brace-expansion": "^1.1.7"
@@ -7888,42 +8084,12 @@
         },
         "node_modules/minimist": {
             "version": "1.2.8",
+            "dev": true,
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/mkdirp-classic": {
-            "version": "0.5.3",
-            "license": "MIT"
-        },
-        "node_modules/module-deps": {
-            "version": "6.2.3",
-            "license": "MIT",
-            "dependencies": {
-                "browser-resolve": "^2.0.0",
-                "cached-path-relative": "^1.0.2",
-                "concat-stream": "~1.6.0",
-                "defined": "^1.0.0",
-                "detective": "^5.2.0",
-                "duplexer2": "^0.1.2",
-                "inherits": "^2.0.1",
-                "JSONStream": "^1.0.3",
-                "parents": "^1.0.0",
-                "readable-stream": "^2.0.2",
-                "resolve": "^1.4.0",
-                "stream-combiner2": "^1.1.1",
-                "subarg": "^1.0.0",
-                "through2": "^2.0.0",
-                "xtend": "^4.0.0"
-            },
-            "bin": {
-                "module-deps": "bin/cmd.js"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
         "node_modules/moment": {
             "version": "2.30.1",
             "license": "MIT",
@@ -7931,6 +8097,17 @@
                 "node": "*"
             }
         },
+        "node_modules/moment-timezone": {
+            "version": "0.5.45",
+            "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.45.tgz",
+            "integrity": "sha512-HIWmqA86KcmCAhnMAN0wuDOARV/525R2+lOLotuGFzn4HO+FH+/645z2wx0Dt3iDv6/p61SIvKnDstISainhLQ==",
+            "dependencies": {
+                "moment": "^2.29.4"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/morris.js": {
             "version": "0.5.1",
             "resolved": "git+ssh://git@github.com/morrisjs/morris.js.git#14530d0733801d5bef1264cf3d062ecace7e326b",
@@ -8222,6 +8399,7 @@
         },
         "node_modules/once": {
             "version": "1.4.0",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "wrappy": "1"
@@ -8259,6 +8437,7 @@
         },
         "node_modules/os-browserify": {
             "version": "0.3.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/os-tmpdir": {
@@ -8269,6 +8448,11 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/overlayscrollbars": {
+            "version": "1.13.3",
+            "resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-1.13.3.tgz",
+            "integrity": "sha512-1nB/B5kaakJuHXaLXLRK0bUIilWhUGT6q5g+l2s5vqYdLle/sd0kscBHkQC1kuuDg9p9WR4MTdySDOPbeL/86g=="
+        },
         "node_modules/p-limit": {
             "version": "2.3.0",
             "dev": true,
@@ -8324,15 +8508,6 @@
                 "node": ">=6"
             }
         },
-        "node_modules/pace": {
-            "version": "0.0.4",
-            "dependencies": {
-                "charm": "~0.1.0"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
         "node_modules/pako": {
             "version": "1.0.11",
             "license": "(MIT AND Zlib)"
@@ -8362,15 +8537,9 @@
                 "node": ">=6"
             }
         },
-        "node_modules/parents": {
-            "version": "1.0.1",
-            "license": "MIT",
-            "dependencies": {
-                "path-platform": "~0.11.15"
-            }
-        },
         "node_modules/parse-asn1": {
             "version": "5.1.7",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "asn1.js": "^4.10.1",
@@ -8440,6 +8609,7 @@
         },
         "node_modules/path-is-absolute": {
             "version": "1.0.1",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -8455,15 +8625,9 @@
         },
         "node_modules/path-parse": {
             "version": "1.0.7",
+            "dev": true,
             "license": "MIT"
         },
-        "node_modules/path-platform": {
-            "version": "0.11.15",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
         "node_modules/path-to-regexp": {
             "version": "0.1.7",
             "dev": true,
@@ -8478,6 +8642,7 @@
         },
         "node_modules/pbkdf2": {
             "version": "3.1.2",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "create-hash": "^1.1.2",
@@ -8590,6 +8755,16 @@
         "node_modules/png-js": {
             "version": "1.0.0"
         },
+        "node_modules/popper.js": {
+            "version": "1.16.1",
+            "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+            "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
+            "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
+        },
         "node_modules/possible-typed-array-names": {
             "version": "1.0.0",
             "license": "MIT",
@@ -9149,6 +9324,7 @@
         },
         "node_modules/process": {
             "version": "0.11.10",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6.0"
@@ -9191,6 +9367,7 @@
         },
         "node_modules/public-encrypt": {
             "version": "4.0.3",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bn.js": "^4.1.0",
@@ -9203,14 +9380,17 @@
         },
         "node_modules/public-encrypt/node_modules/bn.js": {
             "version": "4.12.0",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/punycode": {
             "version": "1.4.1",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/qs": {
             "version": "6.12.1",
+            "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
                 "side-channel": "^1.0.6"
@@ -9224,6 +9404,7 @@
         },
         "node_modules/querystring-es3": {
             "version": "0.2.1",
+            "dev": true,
             "engines": {
                 "node": ">=0.4.x"
             }
@@ -9263,6 +9444,7 @@
         },
         "node_modules/randomfill": {
             "version": "1.0.4",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "randombytes": "^2.0.5",
@@ -9306,13 +9488,6 @@
                 "node": ">= 0.8"
             }
         },
-        "node_modules/read-only-stream": {
-            "version": "2.0.0",
-            "license": "MIT",
-            "dependencies": {
-                "readable-stream": "^2.0.2"
-            }
-        },
         "node_modules/readable-stream": {
             "version": "2.3.8",
             "license": "MIT",
@@ -9507,6 +9682,7 @@
         },
         "node_modules/resolve": {
             "version": "1.22.8",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "is-core-module": "^2.13.0",
@@ -9603,6 +9779,7 @@
         },
         "node_modules/ripemd160": {
             "version": "2.0.2",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "hash-base": "^3.0.0",
@@ -9889,7 +10066,6 @@
         },
         "node_modules/setimmediate": {
             "version": "1.0.5",
-            "dev": true,
             "license": "MIT"
         },
         "node_modules/setprototypeof": {
@@ -9899,6 +10075,7 @@
         },
         "node_modules/sha.js": {
             "version": "2.4.11",
+            "dev": true,
             "license": "(MIT AND BSD-3-Clause)",
             "dependencies": {
                 "inherits": "^2.0.1",
@@ -9919,13 +10096,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/shasum-object": {
-            "version": "1.0.0",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "fast-safe-stringify": "^2.0.7"
-            }
-        },
         "node_modules/shebang-command": {
             "version": "2.0.0",
             "dev": true,
@@ -9954,6 +10124,7 @@
         },
         "node_modules/shell-quote": {
             "version": "1.8.1",
+            "dev": true,
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -9989,24 +10160,6 @@
             "version": "4.2.0",
             "license": "MIT"
         },
-        "node_modules/simple-concat": {
-            "version": "1.0.1",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT"
-        },
         "node_modules/slash": {
             "version": "3.0.0",
             "license": "MIT",
@@ -10014,18 +10167,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/slimscroll": {
-            "version": "0.9.1",
-            "dependencies": {
-                "browserify": ">=3.46.0",
-                "classie": ">=0.0.1",
-                "domhelper": "~0.9.0",
-                "util-extend": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.x"
-            }
-        },
         "node_modules/sockjs": {
             "version": "0.3.24",
             "dev": true,
@@ -10063,6 +10204,11 @@
                 "source-map": "^0.6.0"
             }
         },
+        "node_modules/sparklines": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/sparklines/-/sparklines-1.3.0.tgz",
+            "integrity": "sha512-CkFtpDE3hmOeu1IJyIQIOH0AQtHnPj1c61ALxJZQ9cPEFKDgWC1fcNAHuwPi1i1klTDYvlKKseoYHSwe7JmdLA=="
+        },
         "node_modules/spdy": {
             "version": "4.0.2",
             "dev": true,
@@ -10201,14 +10347,6 @@
                 "readable-stream": "^2.0.2"
             }
         },
-        "node_modules/stream-combiner2": {
-            "version": "1.1.1",
-            "license": "MIT",
-            "dependencies": {
-                "duplexer2": "~0.1.0",
-                "readable-stream": "^2.0.2"
-            }
-        },
         "node_modules/stream-http": {
             "version": "2.8.3",
             "dev": true,
@@ -10221,14 +10359,6 @@
                 "xtend": "^4.0.0"
             }
         },
-        "node_modules/stream-splicer": {
-            "version": "2.0.1",
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.1",
-                "readable-stream": "^2.0.2"
-            }
-        },
         "node_modules/string_decoder": {
             "version": "1.3.0",
             "license": "MIT",
@@ -10321,12 +10451,11 @@
                 "postcss": "^8.2.15"
             }
         },
-        "node_modules/subarg": {
-            "version": "1.0.0",
-            "license": "MIT",
-            "dependencies": {
-                "minimist": "^1.1.0"
-            }
+        "node_modules/summernote": {
+            "version": "0.8.20",
+            "resolved": "https://registry.npmjs.org/summernote/-/summernote-0.8.20.tgz",
+            "integrity": "sha512-W9RhjQjsn+b1s9xiJQgJbCiYGJaDAc9CdEqXo+D13WuStG8lCdtKaO5AiNiSSMJsQJN2EfGSwbBQt+SFE2B8Kw==",
+            "hasInstallScript": true
         },
         "node_modules/supports-color": {
             "version": "7.2.0",
@@ -10341,6 +10470,7 @@
         },
         "node_modules/supports-preserve-symlinks-flag": {
             "version": "1.0.0",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -10384,11 +10514,13 @@
                 "node": ">=10.13.0"
             }
         },
-        "node_modules/syntax-error": {
-            "version": "1.4.0",
-            "license": "MIT",
-            "dependencies": {
-                "acorn-node": "^1.2.0"
+        "node_modules/sweetalert2": {
+            "version": "11.12.3",
+            "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.12.3.tgz",
+            "integrity": "sha512-tgGJSgfSV/xK113JEvhjwqKAuBYLXsZf0z+tGlHKQNnsLMi4eSNuzn9tt5hUdvjOVTLSPDgo0Lc+tnjy9Uj7Og==",
+            "funding": {
+                "type": "individual",
+                "url": "https://github.com/sponsors/limonte"
             }
         },
         "node_modules/tableexport.jquery.plugin": {
@@ -10411,6 +10543,81 @@
                 "node": ">=6"
             }
         },
+        "node_modules/tempusdominus-bootstrap-4": {
+            "version": "5.39.2",
+            "resolved": "https://registry.npmjs.org/tempusdominus-bootstrap-4/-/tempusdominus-bootstrap-4-5.39.2.tgz",
+            "integrity": "sha512-8Au4miSAsMGdsElPg87EUmsN7aGJFaRA5Y8Ale7dDTfhhnQL1Za53LclIJkq+t/7NO5+Ufr1jY7tmEPvWGHaVg==",
+            "dependencies": {
+                "bootstrap": "^4.6.1",
+                "jquery": "^3.6.0",
+                "moment": "^2.29.2",
+                "moment-timezone": "^0.5.34",
+                "popper.js": "^1.16.1"
+            },
+            "peerDependencies": {
+                "bootstrap": ">=4.5.2",
+                "jquery": "^3.5.1",
+                "moment": "^2.29.0",
+                "moment-timezone": "^0.5.31",
+                "popper.js": "^1.16.1",
+                "tempusdominus-core": "5.19.3"
+            }
+        },
+        "node_modules/tempusdominus-bootstrap-4/node_modules/bootstrap": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.2.tgz",
+            "integrity": "sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/twbs"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/bootstrap"
+                }
+            ],
+            "peerDependencies": {
+                "jquery": "1.9.1 - 3",
+                "popper.js": "^1.16.1"
+            }
+        },
+        "node_modules/tempusdominus-bootstrap-4/node_modules/jquery": {
+            "version": "3.7.1",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+            "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+        },
+        "node_modules/tempusdominus-core": {
+            "version": "5.19.3",
+            "resolved": "https://registry.npmjs.org/tempusdominus-core/-/tempusdominus-core-5.19.3.tgz",
+            "integrity": "sha512-WXBVXcBG/hErB6u9gdUs+vzANvCU1kd1ykzL4kolPB3h1OEv20OKUW5qz1iynxyqRFPa1NWY9gwRu5d+MjXEuQ==",
+            "peer": true,
+            "dependencies": {
+                "jquery": "^3.6.0",
+                "moment": "~2.29.2",
+                "moment-timezone": "^0.5.34"
+            },
+            "peerDependencies": {
+                "jquery": "^3.0",
+                "moment": "^2.29.2",
+                "moment-timezone": "^0.5.0"
+            }
+        },
+        "node_modules/tempusdominus-core/node_modules/jquery": {
+            "version": "3.7.1",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+            "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
+            "peer": true
+        },
+        "node_modules/tempusdominus-core/node_modules/moment": {
+            "version": "2.29.4",
+            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+            "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+            "peer": true,
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/terser": {
             "version": "5.31.0",
             "license": "BSD-2-Clause",
@@ -10476,16 +10683,9 @@
         },
         "node_modules/through": {
             "version": "2.3.8",
+            "dev": true,
             "license": "MIT"
         },
-        "node_modules/through2": {
-            "version": "2.0.5",
-            "license": "MIT",
-            "dependencies": {
-                "readable-stream": "~2.3.6",
-                "xtend": "~4.0.1"
-            }
-        },
         "node_modules/thunky": {
             "version": "1.1.0",
             "dev": true,
@@ -10544,6 +10744,14 @@
                 "node": ">=8.0"
             }
         },
+        "node_modules/toastr": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/toastr/-/toastr-2.1.4.tgz",
+            "integrity": "sha512-LIy77F5n+sz4tefMmFOntcJ6HL0Fv3k1TDnNmFZ0bU/GcvIIfy6eG2v7zQmMiYgaalAiUv75ttFrPn5s0gyqlA==",
+            "dependencies": {
+                "jquery": ">=1.12.0"
+            }
+        },
         "node_modules/toidentifier": {
             "version": "1.0.1",
             "dev": true,
@@ -10604,31 +10812,6 @@
                 "node": ">= 0.6"
             }
         },
-        "node_modules/typedarray": {
-            "version": "0.0.6",
-            "license": "MIT"
-        },
-        "node_modules/umd": {
-            "version": "3.0.3",
-            "license": "MIT",
-            "bin": {
-                "umd": "bin/cli.js"
-            }
-        },
-        "node_modules/undeclared-identifiers": {
-            "version": "1.1.3",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "acorn-node": "^1.3.0",
-                "dash-ast": "^1.0.0",
-                "get-assigned-identifiers": "^1.2.0",
-                "simple-concat": "^1.0.0",
-                "xtend": "^4.0.1"
-            },
-            "bin": {
-                "undeclared-identifiers": "bin.js"
-            }
-        },
         "node_modules/undici-types": {
             "version": "5.26.5",
             "license": "MIT"
@@ -10691,7 +10874,6 @@
         },
         "node_modules/universalify": {
             "version": "2.0.1",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 10.0.0"
@@ -10733,6 +10915,11 @@
                 "browserslist": ">= 4.21.0"
             }
         },
+        "node_modules/uplot": {
+            "version": "1.6.30",
+            "resolved": "https://registry.npmjs.org/uplot/-/uplot-1.6.30.tgz",
+            "integrity": "sha512-48oVVRALM/128ttW19F2a2xobc2WfGdJ0VJFX00099CfqbCTuML7L2OrTKxNzeFP34eo1+yJbqFSoFAp2u28/Q=="
+        },
         "node_modules/uri-js": {
             "version": "4.4.1",
             "license": "BSD-2-Clause",
@@ -10749,6 +10936,7 @@
         },
         "node_modules/url": {
             "version": "0.11.3",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "punycode": "^1.4.1",
@@ -10767,10 +10955,6 @@
             "version": "1.0.2",
             "license": "MIT"
         },
-        "node_modules/util-extend": {
-            "version": "1.0.3",
-            "license": "MIT"
-        },
         "node_modules/util/node_modules/inherits": {
             "version": "2.0.3",
             "dev": true,
@@ -10809,6 +10993,7 @@
         },
         "node_modules/vm-browserify": {
             "version": "1.1.2",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/vue-style-loader": {
@@ -11331,6 +11516,7 @@
         },
         "node_modules/wrappy": {
             "version": "1.0.2",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/ws": {
@@ -11381,6 +11567,7 @@
         },
         "node_modules/xtend": {
             "version": "4.0.2",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.4"
diff --git a/package.json b/package.json
index e933aae374..517ff06f3b 100644
--- a/package.json
+++ b/package.json
@@ -28,10 +28,9 @@
         "@fortawesome/fontawesome-free": "^6.5.2",
         "acorn": "^8.12.0",
         "acorn-import-assertions": "^1.9.0",
-        "admin-lte": "^2.4.18",
+        "admin-lte": "^3.0.0",
         "ajv": "^6.12.6",
         "blueimp-file-upload": "^9.34.0",
-        "bootstrap": "^3.4.1",
         "bootstrap-colorpicker": "^2.5.3",
         "bootstrap-datepicker": "^1.10.0",
         "bootstrap-less": "^3.3.8",
diff --git a/public/css/build/AdminLTE.css b/public/css/build/AdminLTE.css
index 46885f5f02..7c9877af95 100644
--- a/public/css/build/AdminLTE.css
+++ b/public/css/build/AdminLTE.css
@@ -1,1181 +1,10321 @@
 /*!
- * AdminLTE v2.4.18
- * 
- *   Author:  Colorlib
- *   Support: <https://github.com/ColorlibHQ/AdminLTE/issues>
- *   Repository: git://github.com/ColorlibHQ/AdminLTE.git
- *   License: MIT <http://opensource.org/licenses/MIT>
+ *   AdminLTE v3.2.0
+ *   Author: Colorlib
+ *   Website: AdminLTE.io <https://adminlte.io>
+ *   License: Open source - MIT <https://opensource.org/licenses/MIT>
  */
-/*
- * Core: General Layout Style
- * -------------------------
+/*!
+ * Bootstrap v4.6.1 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
-html,
-body {
-  height: 100%;
+:root {
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #fd7e14;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #007bff;
+  --secondary: #6c757d;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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;
 }
-.layout-boxed html,
-.layout-boxed body {
-  height: 100%;
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
 }
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
 body {
-  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  margin: 0;
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 1rem;
   font-weight: 400;
-  overflow-x: hidden;
-  overflow-y: auto;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
 }
-/* Layout */
-.wrapper {
-  height: 100%;
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: auto;
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
 }
-.wrapper:before,
-.wrapper:after {
-  content: " ";
-  display: table;
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
 }
-.wrapper:after {
-  clear: both;
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
 }
-.layout-boxed .wrapper {
-  max-width: 1250px;
-  margin: 0 auto;
-  min-height: 100%;
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-  position: relative;
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
 }
-.layout-boxed {
-  background-color: #f9fafc;
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
 }
-/*
- * Content Wrapper - contains the main content
- */
-.content-wrapper,
-.main-footer {
-  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
-  margin-left: 230px;
-  z-index: 820;
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
 }
-.layout-top-nav .content-wrapper,
-.layout-top-nav .main-footer {
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
   margin-left: 0;
 }
-@media (max-width: 767px) {
-  .content-wrapper,
-  .main-footer {
-    margin-left: 0;
-  }
+
+blockquote {
+  margin: 0 0 1rem;
 }
-@media (min-width: 768px) {
-  .sidebar-collapse .content-wrapper,
-  .sidebar-collapse .main-footer {
-    margin-left: 0;
-  }
+
+b,
+strong {
+  font-weight: bolder;
 }
-@media (max-width: 767px) {
-  .sidebar-open .content-wrapper,
-  .sidebar-open .main-footer {
-    transform: translate(230px, 0);
-  }
+
+small {
+  font-size: 80%;
 }
-.content-wrapper {
-  min-height: calc(100vh - 101px);
-  background-color: #ecf0f5;
-  z-index: 800;
-}
-@media (max-width: 767px) {
-  .content-wrapper {
-    min-height: calc(100vh - 151px);
-  }
-}
-.main-footer {
-  background: #fff;
-  padding: 15px;
-  color: #444;
-  border-top: 1px solid #d2d6de;
-}
-/* Fixed layout */
-.fixed .main-header,
-.fixed .main-sidebar,
-.fixed .left-side {
-  position: fixed;
-}
-.fixed .main-header {
-  top: 0;
-  right: 0;
-  left: 0;
-}
-.fixed .content-wrapper,
-.fixed .right-side {
-  padding-top: 50px;
-}
-@media (max-width: 767px) {
-  .fixed .content-wrapper,
-  .fixed .right-side {
-    padding-top: 100px;
-  }
-}
-.fixed.layout-boxed .wrapper {
-  max-width: 100%;
-}
-.fixed .wrapper {
-  overflow: hidden;
-}
-.hold-transition .content-wrapper,
-.hold-transition .right-side,
-.hold-transition .main-footer,
-.hold-transition .main-sidebar,
-.hold-transition .left-side,
-.hold-transition .main-header .navbar,
-.hold-transition .main-header .logo,
-.hold-transition .menu-open .fa-angle-left {
-  /* Fix for IE */
-  transition: none;
-}
-/* Content */
-.content {
-  min-height: 250px;
-  padding: 15px;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-/* H1 - H6 font */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  font-family: 'Source Sans Pro', sans-serif;
-}
-/* General Links */
-a {
-  color: #3c8dbc;
-}
-a:hover,
-a:active,
-a:focus {
-  outline: none;
-  text-decoration: none;
-  color: #72afd2;
-}
-/* Page Header */
-.page-header {
-  margin: 10px 0 20px 0;
-  font-size: 22px;
-}
-.page-header > small {
-  color: #666;
-  display: block;
-  margin-top: 5px;
-}
-/*
- * Component: Main Header
- * ----------------------
- */
-.main-header {
+
+sub,
+sup {
   position: relative;
-  max-height: 100px;
-  z-index: 1030;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
 }
-.main-header .navbar {
-  transition: margin-left 0.3s ease-in-out;
-  margin-bottom: 0;
-  margin-left: 230px;
-  border: none;
-  min-height: 50px;
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: none;
+}
+
+a:not([href]):not([class]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
   border-radius: 0;
 }
-.layout-top-nav .main-header .navbar {
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role="button"] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.2;
+  color: inherit;
+}
+
+h1, .h1 {
+  font-size: 2.5rem;
+}
+
+h2, .h2 {
+  font-size: 2rem;
+}
+
+h3, .h3 {
+  font-size: 1.75rem;
+}
+
+h4, .h4 {
+  font-size: 1.5rem;
+}
+
+h5, .h5 {
+  font-size: 1.25rem;
+}
+
+h6, .h6 {
+  font-size: 1rem;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+small,
+.small {
+  font-size: 80%;
+  font-weight: 400;
+}
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+.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: 0.5rem;
+}
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #6c757d;
+}
+
+.blockquote-footer::before {
+  content: "\2014\00A0";
+}
+
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  max-width: 100%;
+  height: auto;
+}
+
+.figure {
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: 90%;
+  color: #6c757d;
+}
+
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-wrap: break-word;
+}
+
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
+  box-shadow: none;
+}
+
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529;
+}
+
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl {
+  width: 100%;
+  padding-right: 7.5px;
+  padding-left: 7.5px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container, .container-sm {
+    max-width: 540px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container, .container-sm, .container-md {
+    max-width: 720px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container, .container-sm, .container-md, .container-lg {
+    max-width: 960px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl {
+    max-width: 1140px;
+  }
+}
+
+.row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -7.5px;
+  margin-left: -7.5px;
+}
+
+.no-gutters {
+  margin-right: 0;
   margin-left: 0;
 }
-.main-header #navbar-search-input.form-control {
-  background: rgba(255, 255, 255, 0.2);
-  border-color: transparent;
+
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+  padding-right: 0;
+  padding-left: 0;
 }
-.main-header #navbar-search-input.form-control:focus,
-.main-header #navbar-search-input.form-control:active {
-  border-color: rgba(0, 0, 0, 0.1);
-  background: rgba(255, 255, 255, 0.9);
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  padding-right: 7.5px;
+  padding-left: 7.5px;
 }
-.main-header #navbar-search-input.form-control::-moz-placeholder {
-  color: #ccc;
-  opacity: 1;
+
+.col {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  max-width: 100%;
 }
-.main-header #navbar-search-input.form-control:-ms-input-placeholder {
-  color: #ccc;
+
+.row-cols-1 > * {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
 }
-.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
-  color: #ccc;
+
+.row-cols-2 > * {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
 }
-.main-header .navbar-custom-menu,
-.main-header .navbar-right {
-  float: right;
+
+.row-cols-3 > * {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
 }
-@media (max-width: 991px) {
-  .main-header .navbar-custom-menu a,
-  .main-header .navbar-right a {
-    color: inherit;
-    background: transparent;
+
+.row-cols-4 > * {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.row-cols-5 > * {
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  max-width: 20%;
+}
+
+.row-cols-6 > * {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.col-auto {
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%;
+}
+
+.col-1 {
+  -ms-flex: 0 0 8.333333%;
+  flex: 0 0 8.333333%;
+  max-width: 8.333333%;
+}
+
+.col-2 {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.col-3 {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.col-4 {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+}
+
+.col-5 {
+  -ms-flex: 0 0 41.666667%;
+  flex: 0 0 41.666667%;
+  max-width: 41.666667%;
+}
+
+.col-6 {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.col-7 {
+  -ms-flex: 0 0 58.333333%;
+  flex: 0 0 58.333333%;
+  max-width: 58.333333%;
+}
+
+.col-8 {
+  -ms-flex: 0 0 66.666667%;
+  flex: 0 0 66.666667%;
+  max-width: 66.666667%;
+}
+
+.col-9 {
+  -ms-flex: 0 0 75%;
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.col-10 {
+  -ms-flex: 0 0 83.333333%;
+  flex: 0 0 83.333333%;
+  max-width: 83.333333%;
+}
+
+.col-11 {
+  -ms-flex: 0 0 91.666667%;
+  flex: 0 0 91.666667%;
+  max-width: 91.666667%;
+}
+
+.col-12 {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.order-first {
+  -ms-flex-order: -1;
+  order: -1;
+}
+
+.order-last {
+  -ms-flex-order: 13;
+  order: 13;
+}
+
+.order-0 {
+  -ms-flex-order: 0;
+  order: 0;
+}
+
+.order-1 {
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+.order-2 {
+  -ms-flex-order: 2;
+  order: 2;
+}
+
+.order-3 {
+  -ms-flex-order: 3;
+  order: 3;
+}
+
+.order-4 {
+  -ms-flex-order: 4;
+  order: 4;
+}
+
+.order-5 {
+  -ms-flex-order: 5;
+  order: 5;
+}
+
+.order-6 {
+  -ms-flex-order: 6;
+  order: 6;
+}
+
+.order-7 {
+  -ms-flex-order: 7;
+  order: 7;
+}
+
+.order-8 {
+  -ms-flex-order: 8;
+  order: 8;
+}
+
+.order-9 {
+  -ms-flex-order: 9;
+  order: 9;
+}
+
+.order-10 {
+  -ms-flex-order: 10;
+  order: 10;
+}
+
+.order-11 {
+  -ms-flex-order: 11;
+  order: 11;
+}
+
+.order-12 {
+  -ms-flex-order: 12;
+  order: 12;
+}
+
+.offset-1 {
+  margin-left: 8.333333%;
+}
+
+.offset-2 {
+  margin-left: 16.666667%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-4 {
+  margin-left: 33.333333%;
+}
+
+.offset-5 {
+  margin-left: 41.666667%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-7 {
+  margin-left: 58.333333%;
+}
+
+.offset-8 {
+  margin-left: 66.666667%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-10 {
+  margin-left: 83.333333%;
+}
+
+.offset-11 {
+  margin-left: 91.666667%;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-sm-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-sm-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-sm-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-sm-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-sm-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-sm-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-sm-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-sm-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-sm-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-sm-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-sm-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-sm-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-sm-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-sm-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-sm-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-sm-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-sm-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-sm-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-sm-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-sm-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-sm-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-sm-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-sm-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-sm-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-sm-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-sm-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-sm-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-sm-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.666667%;
   }
 }
-@media (max-width: 767px) {
-  .main-header .navbar-right {
-    float: none;
+
+@media (min-width: 768px) {
+  .col-md {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
   }
-  .navbar-collapse .main-header .navbar-right {
-    margin: 7.5px -15px;
+  .row-cols-md-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
   }
-  .main-header .navbar-right > li {
-    color: inherit;
+  .row-cols-md-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-md-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-md-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-md-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-md-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-md-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-md-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-md-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-md-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-md-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-md-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-md-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-md-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-md-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-md-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-md-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-md-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-md-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-md-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-md-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-md-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-md-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-md-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-md-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-md-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-md-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-md-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 992px) {
+  .col-lg {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-lg-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-lg-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-lg-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-lg-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-lg-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-lg-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-lg-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-lg-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-lg-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-lg-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-lg-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-lg-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-lg-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-lg-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-lg-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-lg-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-lg-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-lg-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-lg-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-lg-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-lg-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-lg-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-lg-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-lg-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-lg-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-lg-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-lg-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-lg-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-xl-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-xl-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-xl-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-xl-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-xl-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-xl-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-xl-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-xl-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-xl-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-xl-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-xl-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-xl-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-xl-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-xl-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-xl-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-xl-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-xl-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-xl-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-xl-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-xl-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-xl-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-xl-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-xl-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-xl-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-xl-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-xl-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-xl-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-xl-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-xl-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-xl-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-xl-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-xl-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
+  background-color: transparent;
+}
+
+.table th,
+.table td {
+  padding: 0.75rem;
+  vertical-align: top;
+  border-top: 1px solid #dee2e6;
+}
+
+.table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dee2e6;
+}
+
+.table tbody + tbody {
+  border-top: 2px solid #dee2e6;
+}
+
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem;
+}
+
+.table-bordered {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered th,
+.table-bordered td {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered thead th,
+.table-bordered thead td {
+  border-bottom-width: 2px;
+}
+
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+  border: 0;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table-hover tbody tr:hover {
+  color: #212529;
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #b8daff;
+}
+
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody {
+  border-color: #7abaff;
+}
+
+.table-hover .table-primary:hover {
+  background-color: #9fcdff;
+}
+
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+  background-color: #9fcdff;
+}
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #d6d8db;
+}
+
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody {
+  border-color: #b3b7bb;
+}
+
+.table-hover .table-secondary:hover {
+  background-color: #c8cbcf;
+}
+
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+  background-color: #c8cbcf;
+}
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #c3e6cb;
+}
+
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody {
+  border-color: #8fd19e;
+}
+
+.table-hover .table-success:hover {
+  background-color: #b1dfbb;
+}
+
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+  background-color: #b1dfbb;
+}
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #bee5eb;
+}
+
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody {
+  border-color: #86cfda;
+}
+
+.table-hover .table-info:hover {
+  background-color: #abdde5;
+}
+
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+  background-color: #abdde5;
+}
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffeeba;
+}
+
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody {
+  border-color: #ffdf7e;
+}
+
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1;
+}
+
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+  background-color: #ffe8a1;
+}
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f5c6cb;
+}
+
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody {
+  border-color: #ed969e;
+}
+
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7;
+}
+
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+  background-color: #f1b0b7;
+}
+
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe;
+}
+
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody {
+  border-color: #fbfcfc;
+}
+
+.table-hover .table-light:hover {
+  background-color: #ececf6;
+}
+
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th {
+  background-color: #ececf6;
+}
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c6c8ca;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody {
+  border-color: #95999c;
+}
+
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe;
+}
+
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th {
+  background-color: #b9bbbe;
+}
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table .thead-dark th {
+  color: #fff;
+  background-color: #212529;
+  border-color: #383f45;
+}
+
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.table-dark {
+  color: #fff;
+  background-color: #212529;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th {
+  border-color: #383f45;
+}
+
+.table-dark.table-bordered {
+  border: 0;
+}
+
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.table-dark.table-hover tbody tr:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.075);
+}
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-sm > .table-bordered {
     border: 0;
   }
 }
-.main-header .sidebar-toggle {
-  float: left;
+
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .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;
+  }
+  .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;
+  }
+  .table-responsive-xl > .table-bordered {
+    border: 0;
+  }
+}
+
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.table-responsive > .table-bordered {
+  border: 0;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
+.form-control::-ms-expand {
   background-color: transparent;
-  background-image: none;
-  padding: 15px 15px;
-  font-family: fontAwesome;
+  border: 0;
 }
-.main-header .sidebar-toggle:before {
-  content: "\f0c9";
+
+.form-control:focus {
+  color: #495057;
+  background-color: #fff;
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
 }
-.main-header .sidebar-toggle:hover {
-  color: #fff;
+
+.form-control::-webkit-input-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle:focus,
-.main-header .sidebar-toggle:active {
-  background: transparent;
+
+.form-control::-moz-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle.fa5 {
-  font-family: "Font Awesome\ 5 Free";
+
+.form-control:-ms-input-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle.fa5:before {
-  content: "\f0c9";
-  font-weight: 900;
+
+.form-control::-ms-input-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle .icon-bar {
-  display: none;
+
+.form-control::placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .navbar .nav > li.user > a > .fa,
-.main-header .navbar .nav > li.user > a > .glyphicon,
-.main-header .navbar .nav > li.user > a > .ion {
-  margin-right: 5px;
+
+.form-control:disabled, .form-control[readonly] {
+  background-color: #e9ecef;
+  opacity: 1;
 }
-.main-header .navbar .nav > li > a > .label {
-  position: absolute;
-  top: 9px;
-  right: 7px;
-  text-align: center;
-  font-size: 9px;
-  padding: 2px 3px;
-  line-height: 0.9;
+
+input[type="date"].form-control,
+input[type="time"].form-control,
+input[type="datetime-local"].form-control,
+input[type="month"].form-control {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
-.main-header .logo {
-  transition: width 0.3s ease-in-out;
+
+select.form-control:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range {
   display: block;
-  float: left;
-  height: 50px;
-  font-size: 20px;
-  line-height: 50px;
-  text-align: center;
-  width: 230px;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding: 0 15px;
-  font-weight: 300;
-  overflow: hidden;
+  width: 100%;
 }
-.main-header .logo img {
-  padding: 4px;
-  -o-object-fit: contain;
-     object-fit: contain;
-  margin: 0 auto;
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
 }
-.main-header .logo .logo-lg {
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.form-control-plaintext {
   display: block;
+  width: 100%;
+  padding: 0.375rem 0;
+  margin-bottom: 0;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #212529;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
 }
-.main-header .logo .logo-lg img {
-  max-width: 200px;
-  max-height: 50px;
+
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
 }
-.main-header .logo .logo-lg .brandlogo-image {
-  margin-top: 8px;
-  margin-right: 10px;
+
+.form-control-sm {
+  height: calc(1.8125rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.form-control-lg {
+  height: calc(2.875rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+select.form-control[size], select.form-control[multiple] {
+  height: auto;
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
+}
+
+.form-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -5px;
   margin-left: -5px;
 }
-.main-header .logo .logo-mini {
+
+.form-row > .col,
+.form-row > [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem;
+}
+
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+  color: #6c757d;
+}
+
+.form-check-label {
+  margin-bottom: 0;
+}
+
+.form-check-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
+}
+
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #28a745;
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(40, 167, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row > .col > .valid-tooltip,
+.form-row > [class*="col-"] > .valid-tooltip {
+  left: 5px;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: #28a745;
+  padding-right: 2.25rem !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.was-validated select.form-control:valid, select.form-control.is-valid {
+  padding-right: 3rem !important;
+  background-position: right 1.5rem center;
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+  padding-right: 2.25rem;
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:valid, .custom-select.is-valid {
+  border-color: #28a745;
+  padding-right: calc(0.75em + 2.3125rem) !important;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #28a745;
+}
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+  color: #28a745;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+  border-color: #34ce57;
+  background-color: #34ce57;
+}
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #dc3545;
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(220, 53, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row > .col > .invalid-tooltip,
+.form-row > [class*="col-"] > .invalid-tooltip {
+  left: 5px;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+  border-color: #dc3545;
+  padding-right: 2.25rem !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.was-validated select.form-control:invalid, select.form-control.is-invalid {
+  padding-right: 3rem !important;
+  background-position: right 1.5rem center;
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+  padding-right: 2.25rem;
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(0.75em + 2.3125rem) !important;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #dc3545;
+}
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+  color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+  border-color: #e4606d;
+  background-color: #e4606d;
+}
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.form-inline {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.form-inline .form-check {
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .form-inline label {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-group {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    -ms-flex-align: center;
+    align-items: 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 .input-group,
+  .form-inline .custom-select {
+    width: auto;
+  }
+  .form-inline .form-check {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: auto;
+    padding-left: 0;
+  }
+  .form-inline .form-check-input {
+    position: relative;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    margin-top: 0;
+    margin-right: 0.25rem;
+    margin-left: 0;
+  }
+  .form-inline .custom-control {
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+  }
+  .form-inline .custom-control-label {
+    margin-bottom: 0;
+  }
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+
+.btn:hover {
+  color: #212529;
+  text-decoration: none;
+}
+
+.btn:focus, .btn.focus {
+  outline: 0;
+  box-shadow: none;
+}
+
+.btn.disabled, .btn:disabled {
+  opacity: 0.65;
+  box-shadow: none;
+}
+
+.btn:not(:disabled):not(.disabled) {
+  cursor: pointer;
+}
+
+.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
+  box-shadow: none;
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+  box-shadow: none;
+}
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: #0069d9;
+  border-color: #0062cc;
+}
+
+.btn-primary:focus, .btn-primary.focus {
+  color: #fff;
+  background-color: #0069d9;
+  border-color: #0062cc;
+  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #0062cc;
+  border-color: #005cbf;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
+}
+
+.btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+  box-shadow: none;
+}
+
+.btn-secondary:hover {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.btn-secondary:focus, .btn-secondary.focus {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #545b62;
+  border-color: #4e555b;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.btn-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+  box-shadow: none;
+}
+
+.btn-success:hover {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+}
+
+.btn-success:focus, .btn-success.focus {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
+}
+
+.btn-success.disabled, .btn-success:disabled {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+.show > .btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #1e7e34;
+  border-color: #1c7430;
+}
+
+.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
+}
+
+.btn-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  box-shadow: none;
+}
+
+.btn-info:hover {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+}
+
+.btn-info:focus, .btn-info.focus {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
+}
+
+.btn-info.disabled, .btn-info:disabled {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+.show > .btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #117a8b;
+  border-color: #10707f;
+}
+
+.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
+}
+
+.btn-warning {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+  box-shadow: none;
+}
+
+.btn-warning:hover {
+  color: #1f2d3d;
+  background-color: #e0a800;
+  border-color: #d39e00;
+}
+
+.btn-warning:focus, .btn-warning.focus {
+  color: #1f2d3d;
+  background-color: #e0a800;
+  border-color: #d39e00;
+  box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
+}
+
+.btn-warning.disabled, .btn-warning:disabled {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+.show > .btn-warning.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #d39e00;
+  border-color: #c69500;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
+}
+
+.btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+  box-shadow: none;
+}
+
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+}
+
+.btn-danger:focus, .btn-danger.focus {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+  box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
+}
+
+.btn-danger.disabled, .btn-danger:disabled {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+.show > .btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #bd2130;
+  border-color: #b21f2d;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
+}
+
+.btn-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  box-shadow: none;
+}
+
+.btn-light:hover {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+}
+
+.btn-light:focus, .btn-light.focus {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.btn-light.disabled, .btn-light:disabled {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+.show > .btn-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #dae0e5;
+  border-color: #d3d9df;
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.btn-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+  box-shadow: none;
+}
+
+.btn-dark:hover {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+}
+
+.btn-dark:focus, .btn-dark.focus {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
+}
+
+.btn-dark.disabled, .btn-dark:disabled {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+.show > .btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #1d2124;
+  border-color: #171a1d;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
+}
+
+.btn-outline-primary {
+  color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:hover {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:focus, .btn-outline-primary.focus {
+  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+  color: #007bff;
+  background-color: transparent;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:focus, .btn-outline-secondary.focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+  color: #6c757d;
+  background-color: transparent;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-success {
+  color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:hover {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:focus, .btn-outline-success.focus {
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-success.disabled, .btn-outline-success:disabled {
+  color: #28a745;
+  background-color: transparent;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+.show > .btn-outline-success.dropdown-toggle {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-info {
+  color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:hover {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:focus, .btn-outline-info.focus {
+  box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-info.disabled, .btn-outline-info:disabled {
+  color: #17a2b8;
+  background-color: transparent;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+.show > .btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-warning {
+  color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:hover {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:focus, .btn-outline-warning.focus {
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-warning.disabled, .btn-outline-warning:disabled {
+  color: #ffc107;
+  background-color: transparent;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+.show > .btn-outline-warning.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-danger {
+  color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:hover {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:focus, .btn-outline-danger.focus {
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-danger.disabled, .btn-outline-danger:disabled {
+  color: #dc3545;
+  background-color: transparent;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+.show > .btn-outline-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:hover {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:focus, .btn-outline-light.focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+  color: #f8f9fa;
+  background-color: transparent;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+.show > .btn-outline-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-dark {
+  color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:hover {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:focus, .btn-outline-dark.focus {
+  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
+}
+
+.btn-outline-dark.disabled, .btn-outline-dark:disabled {
+  color: #343a40;
+  background-color: transparent;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+.show > .btn-outline-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #007bff;
+  text-decoration: none;
+}
+
+.btn-link:hover {
+  color: #0056b3;
+  text-decoration: none;
+}
+
+.btn-link:focus, .btn-link.focus {
+  text-decoration: none;
+}
+
+.btn-link:disabled, .btn-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+}
+
+.btn-block + .btn-block {
+  margin-top: 0.5rem;
+}
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
   display: none;
 }
-.main-header .logo .logo-mini img {
-  max-width: 50px;
-  max-height: 50px;
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
 }
-.main-header .logo .logo-mini .brandlogo-image {
-  margin-top: 8px;
-  margin-right: 10px;
-  margin-left: 10px;
+
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
 }
-.main-header .logo .brandlogo-image {
+
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+}
+
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
   float: left;
-  height: 34px;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
+}
+
+.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: 0.125rem;
+}
+
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-menu {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: 0.125rem;
+}
+
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-toggle::after {
+  vertical-align: 0;
+}
+
+.dropleft .dropdown-menu {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: 0.125rem;
+}
+
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+
+.dropleft .dropdown-toggle::after {
+  display: none;
+}
+
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0;
+}
+
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
+  right: auto;
+  bottom: auto;
+}
+
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+}
+
+.dropdown-item:hover, .dropdown-item:focus {
+  color: #16181b;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+  color: #fff;
+  text-decoration: none;
+  background-color: #007bff;
+}
+
+.dropdown-item.disabled, .dropdown-item:disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap;
+}
+
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1rem;
+  color: #212529;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+}
+
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover {
+  z-index: 1;
+}
+
+.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+  z-index: 1;
+}
+
+.btn-toolbar {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.btn-toolbar .input-group {
   width: auto;
 }
-.main-header .navbar-brand {
-  color: #fff;
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+  margin-left: -1px;
 }
-.content-header {
-  position: relative;
-  padding: 15px 15px 0 15px;
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.content-header > h1 {
-  margin: 0;
-  font-size: 24px;
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-.content-header > h1 > small {
-  font-size: 15px;
-  display: inline-block;
-  padding-left: 4px;
-  font-weight: 300;
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
 }
-.content-header > .breadcrumb {
-  float: right;
-  background: transparent;
-  margin-top: 0;
+
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+
+.btn-group.show .dropdown-toggle {
+  box-shadow: none;
+}
+
+.btn-group.show .dropdown-toggle.btn-link {
+  box-shadow: none;
+}
+
+.btn-group-vertical {
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+  width: 100%;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+  margin-top: -1px;
+}
+
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
   margin-bottom: 0;
-  font-size: 12px;
-  padding: 7px 5px;
+}
+
+.btn-group-toggle > .btn input[type="radio"],
+.btn-group-toggle > .btn input[type="checkbox"],
+.btn-group-toggle > .btn-group > .btn input[type="radio"],
+.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
   position: absolute;
-  top: 15px;
-  right: 10px;
-  border-radius: 2px;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
 }
-.content-header > .breadcrumb > li > a {
-  color: #444;
-  text-decoration: none;
-  display: inline-block;
+
+.input-group {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  width: 100%;
 }
-.content-header > .breadcrumb > li > a > .fa,
-.content-header > .breadcrumb > li > a > .glyphicon,
-.content-header > .breadcrumb > li > a > .ion {
-  margin-right: 5px;
+
+.input-group > .form-control,
+.input-group > .form-control-plaintext,
+.input-group > .custom-select,
+.input-group > .custom-file {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+  margin-bottom: 0;
 }
-.content-header > .breadcrumb > li + li:before {
-  content: '>\00a0';
+
+.input-group > .form-control + .form-control,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .custom-file,
+.input-group > .form-control-plaintext + .form-control,
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .custom-select + .form-control,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file {
+  margin-left: -1px;
 }
-@media (max-width: 991px) {
-  .content-header > .breadcrumb {
-    position: relative;
-    margin-top: 5px;
-    top: 0;
-    right: 0;
-    float: none;
-    background: #d2d6de;
-    padding-left: 10px;
-  }
-  .content-header > .breadcrumb li:before {
-    color: #97a0b3;
-  }
+
+.input-group > .form-control:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
+  z-index: 3;
 }
-.navbar-toggle {
+
+.input-group > .custom-file .custom-file-input:focus {
+  z-index: 4;
+}
+
+.input-group > .form-control:not(:first-child),
+.input-group > .custom-select:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group > .custom-file {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.input-group > .custom-file:not(:last-child) .custom-file-label,
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group:not(.has-validation) > .form-control:not(:last-child),
+.input-group:not(.has-validation) > .custom-select:not(:last-child),
+.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
+.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group.has-validation > .form-control:nth-last-child(n + 3),
+.input-group.has-validation > .custom-select:nth-last-child(n + 3),
+.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
+.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.input-group-prepend .btn,
+.input-group-append .btn {
+  position: relative;
+  z-index: 2;
+}
+
+.input-group-prepend .btn:focus,
+.input-group-append .btn:focus {
+  z-index: 3;
+}
+
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn {
+  margin-left: -1px;
+}
+
+.input-group-prepend {
+  margin-right: -1px;
+}
+
+.input-group-append {
+  margin-left: -1px;
+}
+
+.input-group-text {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+.input-group-text input[type="radio"],
+.input-group-text input[type="checkbox"] {
+  margin-top: 0;
+}
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+  height: calc(2.875rem + 2px);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+  height: calc(1.8125rem + 2px);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: 1.75rem;
+}
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
+.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) {
+  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:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .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) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.custom-control {
+  position: relative;
+  z-index: 1;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem;
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+}
+
+.custom-control-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin-right: 1rem;
+}
+
+.custom-control-input {
+  position: absolute;
+  left: 0;
+  z-index: -1;
+  width: 1rem;
+  height: 1.25rem;
+  opacity: 0;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
   color: #fff;
-  border: 0;
+  border-color: #007bff;
+  background-color: #007bff;
+  box-shadow: none;
+}
+
+.custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  color: #fff;
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+  box-shadow: none;
+}
+
+.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
+  color: #6c757d;
+}
+
+.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
+  background-color: #e9ecef;
+}
+
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+
+.custom-control-label::before {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  pointer-events: none;
+  content: "";
+  background-color: #dee2e6;
+  border: #adb5bd solid 1px;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-control-label::after {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  content: "";
+  background: 50% / 50% 50% no-repeat;
+}
+
+.custom-checkbox .custom-control-label::before {
+  border-radius: 0.25rem;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+  box-shadow: none;
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
+}
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-radio .custom-control-label::before {
+  border-radius: 50%;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
+}
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-switch {
+  padding-left: 2.25rem;
+}
+
+.custom-switch .custom-control-label::before {
+  left: -2.25rem;
+  width: 1.75rem;
+  pointer-events: all;
+  border-radius: 0.5rem;
+}
+
+.custom-switch .custom-control-label::after {
+  top: calc(0.25rem + 2px);
+  left: calc(-2.25rem + 2px);
+  width: calc(1rem - 4px);
+  height: calc(1rem - 4px);
+  background-color: #adb5bd;
+  border-radius: 0.5rem;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-switch .custom-control-label::after {
+    transition: none;
+  }
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #dee2e6;
+  transform: translateX(0.75rem);
+}
+
+.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  vertical-align: middle;
+  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-select:focus {
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+
+.custom-select:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.custom-select[multiple], .custom-select[size]:not([size="1"]) {
+  height: auto;
+  padding-right: 0.75rem;
+  background-image: none;
+}
+
+.custom-select:disabled {
+  color: #6c757d;
+  background-color: #e9ecef;
+}
+
+.custom-select::-ms-expand {
+  display: none;
+}
+
+.custom-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+.custom-select-sm {
+  height: calc(1.8125rem + 2px);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 75%;
+}
+
+.custom-select-lg {
+  height: calc(2.875rem + 2px);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 125%;
+}
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(2.25rem + 2px);
   margin: 0;
-  padding: 15px 15px;
+  overflow: hidden;
+  opacity: 0;
 }
-@media (max-width: 991px) {
-  .navbar-custom-menu .navbar-nav > li {
-    float: left;
-  }
-  .navbar-custom-menu .navbar-nav {
-    margin: 0;
-    float: left;
-  }
-  .navbar-custom-menu .navbar-nav > li > a {
-    padding-top: 15px;
-    padding-bottom: 15px;
-    line-height: 20px;
+
+.custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+  box-shadow: none;
+}
+
+.custom-file-input[disabled] ~ .custom-file-label,
+.custom-file-input:disabled ~ .custom-file-label {
+  background-color: #e9ecef;
+}
+
+.custom-file-input:lang(en) ~ .custom-file-label::after {
+  content: "Browse";
+}
+
+.custom-file-input ~ .custom-file-label[data-browse]::after {
+  content: attr(data-browse);
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 0.75rem;
+  overflow: hidden;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  box-shadow: none;
+}
+
+.custom-file-label::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: block;
+  height: 2.25rem;
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  content: "Browse";
+  background-color: #e9ecef;
+  border-left: inherit;
+  border-radius: 0 0.25rem 0.25rem 0;
+}
+
+.custom-range {
+  width: 100%;
+  height: 1rem;
+  padding: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: 0;
+}
+
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-webkit-slider-thumb {
+    -webkit-transition: none;
+    transition: none;
   }
 }
-@media (max-width: 767px) {
-  .main-header {
-    position: relative;
-  }
-  .main-header .logo,
-  .main-header .navbar {
-    width: 100%;
-    float: none;
-  }
-  .main-header .navbar {
-    margin: 0;
-  }
-  .main-header .navbar-custom-menu {
-    float: right;
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-moz-range-thumb {
+    -moz-transition: none;
+    transition: none;
   }
 }
-@media (max-width: 991px) {
-  .navbar-collapse.pull-left {
-    float: none !important;
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  margin-right: 0;
+  margin-left: 0;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-ms-thumb {
+    -ms-transition: none;
+    transition: none;
   }
-  .navbar-collapse.pull-left + .navbar-custom-menu {
-    display: block;
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-moz-range-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-ms-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition: none;
+  }
+}
+
+.nav {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem;
+}
+
+.nav-link:hover, .nav-link:focus {
+  text-decoration: none;
+}
+
+.nav-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: default;
+}
+
+.nav-tabs {
+  border-bottom: 1px solid #dee2e6;
+}
+
+.nav-tabs .nav-link {
+  margin-bottom: -1px;
+  border: 1px solid transparent;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+  border-color: #e9ecef #e9ecef #dee2e6;
+}
+
+.nav-tabs .nav-link.disabled {
+  color: #6c757d;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: #495057;
+  background-color: #fff;
+  border-color: #dee2e6 #dee2e6 #fff;
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+  border-radius: 0.25rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #007bff;
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  text-align: center;
+}
+
+.tab-content > .tab-pane {
+  display: none;
+}
+
+.tab-content > .active {
+  display: block;
+}
+
+.navbar {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 0.5rem 0.5rem;
+}
+
+.navbar .container,
+.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
+  margin-right: 0.5rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+.navbar-brand:hover, .navbar-brand:focus {
+  text-decoration: none;
+}
+
+.navbar-nav {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  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;
+  float: none;
+}
+
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.navbar-collapse {
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.navbar-toggler:hover, .navbar-toggler:focus {
+  text-decoration: none;
+}
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: 50% / 100% 100% no-repeat;
+}
+
+.navbar-nav-scroll {
+  max-height: 75vh;
+  overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-sm .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
-    top: 0;
-    right: 40px;
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
   }
 }
-/*
- * Component: Sidebar
- * ------------------
- */
-.main-sidebar {
+
+@media (max-width: 767.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-md .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-md .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-lg .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xl .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+}
+
+.navbar-expand {
+  -ms-flex-flow: row nowrap;
+  flex-flow: row nowrap;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.navbar-expand .navbar-nav {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+}
+
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
+}
+
+.navbar-expand .navbar-collapse {
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+}
+
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+
+.navbar-light .navbar-brand {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+  color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-toggler {
+  color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.navbar-light .navbar-text {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-text a {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+  color: #fff;
+}
+
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+  color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+  color: white;
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.navbar-dark .navbar-toggler {
+  color: rgba(255, 255, 255, 0.75);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.navbar-dark .navbar-text {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-text a {
+  color: #fff;
+}
+
+.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+  color: #fff;
+}
+
+.card {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 0 solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+}
+
+.card > hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.card > .list-group {
+  border-top: inherit;
+  border-bottom: inherit;
+}
+
+.card > .list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: calc(0.25rem - 0);
+  border-top-right-radius: calc(0.25rem - 0);
+}
+
+.card > .list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: calc(0.25rem - 0);
+  border-bottom-left-radius: calc(0.25rem - 0);
+}
+
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+  border-top: 0;
+}
+
+.card-body {
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
+}
+
+.card-title {
+  margin-bottom: 0.75rem;
+}
+
+.card-subtitle {
+  margin-top: -0.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: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 0 solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+  border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0;
+}
+
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 0 solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+  border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
+}
+
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem;
+  border-radius: calc(0.25rem - 0);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: calc(0.25rem - 0);
+  border-top-right-radius: calc(0.25rem - 0);
+}
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: calc(0.25rem - 0);
+  border-bottom-left-radius: calc(0.25rem - 0);
+}
+
+.card-deck .card {
+  margin-bottom: 7.5px;
+}
+
+@media (min-width: 576px) {
+  .card-deck {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    margin-right: -7.5px;
+    margin-left: -7.5px;
+  }
+  .card-deck .card {
+    -ms-flex: 1 0 0%;
+    flex: 1 0 0%;
+    margin-right: 7.5px;
+    margin-bottom: 0;
+    margin-left: 7.5px;
+  }
+}
+
+.card-group > .card {
+  margin-bottom: 7.5px;
+}
+
+@media (min-width: 576px) {
+  .card-group {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+  }
+  .card-group > .card {
+    -ms-flex: 1 0 0%;
+    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-img-top,
+  .card-group > .card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-bottom,
+  .card-group > .card:not(:last-child) .card-footer {
+    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-img-top,
+  .card-group > .card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-bottom,
+  .card-group > .card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+
+.card-columns .card {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .card-columns {
+    -moz-column-count: 3;
+    column-count: 3;
+    -moz-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
+  }
+  .card-columns .card {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.accordion {
+  overflow-anchor: none;
+}
+
+.accordion > .card {
+  overflow: hidden;
+}
+
+.accordion > .card:not(:last-of-type) {
+  border-bottom: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.accordion > .card:not(:first-of-type) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.accordion > .card > .card-header {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.breadcrumb {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+}
+
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+  float: left;
+  padding-right: 0.5rem;
+  color: #6c757d;
+  content: "/";
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: underline;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: none;
+}
+
+.breadcrumb-item.active {
+  color: #6c757d;
+}
+
+.pagination {
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem;
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #007bff;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+}
+
+.page-link:hover {
+  z-index: 2;
+  color: #0056b3;
+  text-decoration: none;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.page-link:focus {
+  z-index: 3;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.page-item:first-child .page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.page-item.active .page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #fff;
+  border-color: #dee2e6;
+}
+
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius: 0.3rem;
+  border-bottom-left-radius: 0.3rem;
+}
+
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
+}
+
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius: 0.2rem;
+  border-bottom-left-radius: 0.2rem;
+}
+
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .badge {
+    transition: none;
+  }
+}
+
+a.badge:hover, a.badge:focus {
+  text-decoration: none;
+}
+
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem;
+}
+
+.badge-primary {
+  color: #fff;
+  background-color: #007bff;
+}
+
+a.badge-primary:hover, a.badge-primary:focus {
+  color: #fff;
+  background-color: #0062cc;
+}
+
+a.badge-primary:focus, a.badge-primary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.badge-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+a.badge-secondary:hover, a.badge-secondary:focus {
+  color: #fff;
+  background-color: #545b62;
+}
+
+a.badge-secondary:focus, a.badge-secondary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.badge-success {
+  color: #fff;
+  background-color: #28a745;
+}
+
+a.badge-success:hover, a.badge-success:focus {
+  color: #fff;
+  background-color: #1e7e34;
+}
+
+a.badge-success:focus, a.badge-success.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.badge-info {
+  color: #fff;
+  background-color: #17a2b8;
+}
+
+a.badge-info:hover, a.badge-info:focus {
+  color: #fff;
+  background-color: #117a8b;
+}
+
+a.badge-info:focus, a.badge-info.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.badge-warning {
+  color: #1f2d3d;
+  background-color: #ffc107;
+}
+
+a.badge-warning:hover, a.badge-warning:focus {
+  color: #1f2d3d;
+  background-color: #d39e00;
+}
+
+a.badge-warning:focus, a.badge-warning.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.badge-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+a.badge-danger:hover, a.badge-danger:focus {
+  color: #fff;
+  background-color: #bd2130;
+}
+
+a.badge-danger:focus, a.badge-danger.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.badge-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+}
+
+a.badge-light:hover, a.badge-light:focus {
+  color: #1f2d3d;
+  background-color: #dae0e5;
+}
+
+a.badge-light:focus, a.badge-light.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.badge-dark {
+  color: #fff;
+  background-color: #343a40;
+}
+
+a.badge-dark:hover, a.badge-dark:focus {
+  color: #fff;
+  background-color: #1d2124;
+}
+
+a.badge-dark:focus, a.badge-dark.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #e9ecef;
+  border-radius: 0.3rem;
+}
+
+@media (min-width: 576px) {
+  .jumbotron {
+    padding: 4rem 2rem;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0;
+}
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert-link {
+  font-weight: 700;
+}
+
+.alert-dismissible {
+  padding-right: 4rem;
+}
+
+.alert-dismissible .close, .alert-dismissible .mailbox-attachment-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 0.75rem 1.25rem;
+  color: inherit;
+}
+
+.alert-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.alert-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.alert-primary .alert-link {
+  color: #002752;
+}
+
+.alert-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.alert-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.alert-secondary .alert-link {
+  color: #202326;
+}
+
+.alert-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.alert-success .alert-link {
+  color: #0b2e13;
+}
+
+.alert-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.alert-info hr {
+  border-top-color: #abdde5;
+}
+
+.alert-info .alert-link {
+  color: #062c33;
+}
+
+.alert-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.alert-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.alert-warning .alert-link {
+  color: #533f03;
+}
+
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.alert-danger .alert-link {
+  color: #491217;
+}
+
+.alert-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.alert-light hr {
+  border-top-color: #ececf6;
+}
+
+.alert-light .alert-link {
+  color: #686868;
+}
+
+.alert-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.alert-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.alert-dark .alert-link {
+  color: #040505;
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  display: -ms-flexbox;
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  line-height: 0;
+  font-size: 0.75rem;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
+}
+
+.progress-bar {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #007bff;
+  transition: width 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+  animation: 1s linear infinite progress-bar-stripes;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
+}
+
+.media {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.media-body {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.list-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: 0.25rem;
+}
+
+.list-group-item-action {
+  width: 100%;
+  color: #495057;
+  text-align: inherit;
+}
+
+.list-group-item-action:hover, .list-group-item-action:focus {
+  z-index: 1;
+  color: #495057;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.list-group-item-action:active {
+  color: #212529;
+  background-color: #e9ecef;
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+}
+
+.list-group-item.active {
+  z-index: 2;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.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 {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.list-group-horizontal > .list-group-item:first-child {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item:last-child {
+  border-top-right-radius: 0.25rem;
+  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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-sm > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-md > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-lg > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-xl > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+.list-group-flush {
+  border-radius: 0;
+}
+
+.list-group-flush > .list-group-item {
+  border-width: 0 0 1px;
+}
+
+.list-group-flush > .list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+  color: #004085;
+  background-color: #b8daff;
+}
+
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+  color: #004085;
+  background-color: #9fcdff;
+}
+
+.list-group-item-primary.list-group-item-action.active {
+  color: #fff;
+  background-color: #004085;
+  border-color: #004085;
+}
+
+.list-group-item-secondary {
+  color: #383d41;
+  background-color: #d6d8db;
+}
+
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+  color: #383d41;
+  background-color: #c8cbcf;
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+  color: #fff;
+  background-color: #383d41;
+  border-color: #383d41;
+}
+
+.list-group-item-success {
+  color: #155724;
+  background-color: #c3e6cb;
+}
+
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+  color: #155724;
+  background-color: #b1dfbb;
+}
+
+.list-group-item-success.list-group-item-action.active {
+  color: #fff;
+  background-color: #155724;
+  border-color: #155724;
+}
+
+.list-group-item-info {
+  color: #0c5460;
+  background-color: #bee5eb;
+}
+
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+  color: #0c5460;
+  background-color: #abdde5;
+}
+
+.list-group-item-info.list-group-item-action.active {
+  color: #fff;
+  background-color: #0c5460;
+  border-color: #0c5460;
+}
+
+.list-group-item-warning {
+  color: #856404;
+  background-color: #ffeeba;
+}
+
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+  color: #856404;
+  background-color: #ffe8a1;
+}
+
+.list-group-item-warning.list-group-item-action.active {
+  color: #fff;
+  background-color: #856404;
+  border-color: #856404;
+}
+
+.list-group-item-danger {
+  color: #721c24;
+  background-color: #f5c6cb;
+}
+
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+  color: #721c24;
+  background-color: #f1b0b7;
+}
+
+.list-group-item-danger.list-group-item-action.active {
+  color: #fff;
+  background-color: #721c24;
+  border-color: #721c24;
+}
+
+.list-group-item-light {
+  color: #818182;
+  background-color: #fdfdfe;
+}
+
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+  color: #818182;
+  background-color: #ececf6;
+}
+
+.list-group-item-light.list-group-item-action.active {
+  color: #fff;
+  background-color: #818182;
+  border-color: #818182;
+}
+
+.list-group-item-dark {
+  color: #1b1e21;
+  background-color: #c6c8ca;
+}
+
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+  color: #1b1e21;
+  background-color: #b9bbbe;
+}
+
+.list-group-item-dark.list-group-item-action.active {
+  color: #fff;
+  background-color: #1b1e21;
+  border-color: #1b1e21;
+}
+
+.close, .mailbox-attachment-close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5;
+}
+
+.close:hover, .mailbox-attachment-close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
+  opacity: .75;
+}
+
+button.close, button.mailbox-attachment-close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+a.close.disabled, a.disabled.mailbox-attachment-close {
+  pointer-events: none;
+}
+
+.toast {
+  -ms-flex-preferred-size: 350px;
+  flex-basis: 350px;
+  max-width: 350px;
+  font-size: 0.875rem;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  border-radius: 0.25rem;
+}
+
+.toast:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+
+.toast.showing {
+  opacity: 1;
+}
+
+.toast.show {
+  display: block;
+  opacity: 1;
+}
+
+.toast.hide {
+  display: none;
+}
+
+.toast-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0.25rem 0.75rem;
+  color: #6c757d;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.toast-body {
+  padding: 0.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: 0.5rem;
+  pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+  transition: transform 0.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: -ms-flexbox;
+  display: flex;
+  max-height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+  max-height: calc(100vh - 1rem);
+  overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: calc(100% - 1rem);
+}
+
+.modal-dialog-centered::before {
+  display: block;
+  height: calc(100vh - 1rem);
+  height: -webkit-min-content;
+  height: -moz-min-content;
+  height: min-content;
+  content: "";
+}
+
+.modal-dialog-centered.modal-dialog-scrollable {
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  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: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
+  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: 0.5;
+}
+
+.modal-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 1rem;
+  border-bottom: 1px solid #e9ecef;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.modal-header .close, .modal-header .mailbox-attachment-close {
+  padding: 1rem;
+  margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.modal-body {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 1rem;
+}
+
+.modal-footer {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  padding: 0.75rem;
+  border-top: 1px solid #e9ecef;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.modal-footer > * {
+  margin: 0.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);
+    height: -webkit-min-content;
+    height: -moz-min-content;
+    height: min-content;
+  }
+  .modal-content {
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
+  }
+  .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", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  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: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+
+.tooltip.show {
+  opacity: 0.9;
+}
+
+.tooltip .arrow {
+  position: absolute;
+  display: block;
+  width: 0.8rem;
+  height: 0.4rem;
+}
+
+.tooltip .arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+  bottom: 0;
+}
+
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+  top: 0;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+  left: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+  right: 0;
+  border-width: 0.4rem 0.4rem 0.4rem 0;
+  border-right-color: #000;
+}
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+  top: 0;
+}
+
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+  bottom: 0;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+  right: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+  left: 0;
+  border-width: 0.4rem 0 0.4rem 0.4rem;
+  border-left-color: #000;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 0.25rem;
+}
+
+.popover {
   position: absolute;
   top: 0;
   left: 0;
-  padding-top: 50px;
-  min-height: 100%;
-  width: 230px;
-  z-index: 810;
-  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  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: 0.875rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
 }
-@media (max-width: 767px) {
-  .main-sidebar {
-    padding-top: 100px;
-  }
+
+.popover .arrow {
+  position: absolute;
+  display: block;
+  width: 1rem;
+  height: 0.5rem;
+  margin: 0 0.3rem;
 }
-@media (max-width: 767px) {
-  .main-sidebar {
-    transform: translate(-230px, 0);
-  }
-}
-@media (min-width: 768px) {
-  .sidebar-collapse .main-sidebar {
-    transform: translate(-230px, 0);
-  }
-}
-@media (max-width: 767px) {
-  .sidebar-open .main-sidebar {
-    transform: translate(0, 0);
-  }
-}
-.sidebar {
-  padding-bottom: 10px;
-}
-.sidebar-form input:focus {
+
+.popover .arrow::before, .popover .arrow::after {
+  position: absolute;
+  display: block;
+  content: "";
   border-color: transparent;
+  border-style: solid;
 }
-.user-panel {
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+  margin-bottom: 0.5rem;
+}
+
+.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
+  bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
+  bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
+  bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: #fff;
+}
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+  margin-left: 0.5rem;
+}
+
+.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
+  left: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
+  left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
+  left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: #fff;
+}
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+  margin-top: 0.5rem;
+}
+
+.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
+  top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
+  top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
+  top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 1rem;
+  margin-left: -0.5rem;
+  content: "";
+  border-bottom: 1px solid #f7f7f7;
+}
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+  margin-right: 0.5rem;
+}
+
+.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
+  right: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
+  right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
+  right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: #fff;
+}
+
+.popover-header {
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  color: inherit;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: 0.5rem 0.75rem;
+  color: #212529;
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+
+.carousel-inner {
   position: relative;
   width: 100%;
-  padding: 10px;
   overflow: hidden;
 }
-.user-panel:before,
-.user-panel:after {
-  content: " ";
-  display: table;
-}
-.user-panel:after {
+
+.carousel-inner::after {
+  display: block;
   clear: both;
+  content: "";
 }
-.user-panel > .image > img {
-  width: 100%;
-  max-width: 45px;
-  height: auto;
-}
-.user-panel > .info {
-  padding: 5px 5px 5px 15px;
-  line-height: 1;
-  position: absolute;
-  left: 55px;
-}
-.user-panel > .info > p {
-  font-weight: 600;
-  margin-bottom: 9px;
-}
-.user-panel > .info > a {
-  text-decoration: none;
-  padding-right: 5px;
-  margin-top: 3px;
-  font-size: 11px;
-}
-.user-panel > .info > a > .fa,
-.user-panel > .info > a > .ion,
-.user-panel > .info > a > .glyphicon {
-  margin-right: 3px;
-}
-.sidebar-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.sidebar-menu > li {
+
+.carousel-item {
   position: relative;
-  margin: 0;
-  padding: 0;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  transition: transform 0.6s ease;
 }
-.sidebar-menu > li > a {
-  padding: 12px 5px 12px 15px;
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
   display: block;
 }
-.sidebar-menu > li > a > .fa,
-.sidebar-menu > li > a > .glyphicon,
-.sidebar-menu > li > a > .ion {
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+  transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+  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 0.6s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-right {
+    transition: none;
+  }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 15%;
+  padding: 0;
+  color: #fff;
+  text-align: center;
+  background: none;
+  border: 0;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-prev,
+  .carousel-control-next {
+    transition: none;
+  }
+}
+
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+
+.carousel-control-prev {
+  left: 0;
+}
+
+.carousel-control-next {
+  right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
   width: 20px;
+  height: 20px;
+  background: 50% / 100% 100% no-repeat;
 }
-.sidebar-menu > li .label,
-.sidebar-menu > li .badge {
-  margin-right: 5px;
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
 }
-.sidebar-menu > li .badge {
-  margin-top: 3px;
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
 }
-.sidebar-menu li.header {
-  padding: 10px 25px 10px 15px;
-  font-size: 12px;
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none;
 }
-.sidebar-menu li > a > .fa-angle-left,
-.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
+
+.carousel-indicators li {
+  box-sizing: content-box;
+  -ms-flex: 0 1 auto;
+  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 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators li {
+    transition: none;
+  }
+}
+
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+}
+
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  border: 0.25em solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: .75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: .75s linear infinite spinner-grow;
+}
+
+.spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    animation-duration: 1.5s;
+  }
+}
+
+.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;
+}
+
+.bg-primary {
+  background-color: #007bff !important;
+}
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #0062cc !important;
+}
+
+.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important;
+}
+
+.bg-success {
+  background-color: #28a745 !important;
+}
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #1e7e34 !important;
+}
+
+.bg-info {
+  background-color: #17a2b8 !important;
+}
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #117a8b !important;
+}
+
+.bg-warning {
+  background-color: #ffc107 !important;
+}
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d39e00 !important;
+}
+
+.bg-danger {
+  background-color: #dc3545 !important;
+}
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #bd2130 !important;
+}
+
+.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important;
+}
+
+.bg-dark {
+  background-color: #343a40 !important;
+}
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1d2124 !important;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
+
+.border {
+  border: 1px solid #dee2e6 !important;
+}
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important;
+}
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-left {
+  border-left: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-right-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-left-0 {
+  border-left: 0 !important;
+}
+
+.border-primary {
+  border-color: #007bff !important;
+}
+
+.border-secondary {
+  border-color: #6c757d !important;
+}
+
+.border-success {
+  border-color: #28a745 !important;
+}
+
+.border-info {
+  border-color: #17a2b8 !important;
+}
+
+.border-warning {
+  border-color: #ffc107 !important;
+}
+
+.border-danger {
+  border-color: #dc3545 !important;
+}
+
+.border-light {
+  border-color: #f8f9fa !important;
+}
+
+.border-dark {
+  border-color: #343a40 !important;
+}
+
+.border-white {
+  border-color: #fff !important;
+}
+
+.rounded-sm {
+  border-radius: 0.2rem !important;
+}
+
+.rounded {
+  border-radius: 0.25rem !important;
+}
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important;
+}
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-lg {
+  border-radius: 0.3rem !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.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: -ms-flexbox !important;
+  display: flex !important;
+}
+
+.d-inline-flex {
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+}
+
+@media (min-width: 576px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-sm-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-xl-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-print-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+
+.embed-responsive::before {
+  display: block;
+  content: "";
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-responsive-21by9::before {
+  padding-top: 42.857143%;
+}
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before {
+  padding-top: 75%;
+}
+
+.embed-responsive-1by1::before {
+  padding-top: 100%;
+}
+
+.flex-row {
+  -ms-flex-direction: row !important;
+  flex-direction: row !important;
+}
+
+.flex-column {
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  -ms-flex-direction: row-reverse !important;
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  -ms-flex-direction: column-reverse !important;
+  flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+  -ms-flex-wrap: wrap !important;
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  -ms-flex-wrap: nowrap !important;
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  -ms-flex-wrap: wrap-reverse !important;
+  flex-wrap: wrap-reverse !important;
+}
+
+.flex-fill {
+  -ms-flex: 1 1 auto !important;
+  flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+  -ms-flex-positive: 0 !important;
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  -ms-flex-positive: 1 !important;
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0 !important;
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  -ms-flex-negative: 1 !important;
+  flex-shrink: 1 !important;
+}
+
+.justify-content-start {
+  -ms-flex-pack: start !important;
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  -ms-flex-pack: distribute !important;
+  justify-content: space-around !important;
+}
+
+.align-items-start {
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  -ms-flex-align: end !important;
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  -ms-flex-align: baseline !important;
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  -ms-flex-align: stretch !important;
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  -ms-flex-line-pack: start !important;
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  -ms-flex-line-pack: end !important;
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  -ms-flex-line-pack: center !important;
+  align-content: center !important;
+}
+
+.align-content-between {
+  -ms-flex-line-pack: justify !important;
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  -ms-flex-line-pack: distribute !important;
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  -ms-flex-line-pack: stretch !important;
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  -ms-flex-item-align: auto !important;
+  align-self: auto !important;
+}
+
+.align-self-start {
+  -ms-flex-item-align: start !important;
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  -ms-flex-item-align: end !important;
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  -ms-flex-item-align: center !important;
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  -ms-flex-item-align: baseline !important;
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  -ms-flex-item-align: stretch !important;
+  align-self: stretch !important;
+}
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-sm-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-sm-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-sm-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-sm-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-sm-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-sm-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-sm-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-sm-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-sm-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-sm-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-sm-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-sm-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-sm-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-sm-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-sm-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-sm-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-sm-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-sm-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-sm-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-sm-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-sm-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-sm-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-sm-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-sm-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-sm-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-sm-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-sm-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-sm-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-sm-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-md-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-md-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-md-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-md-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-md-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-md-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-md-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-md-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-md-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-md-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-md-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-md-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-md-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-md-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-md-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-md-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-md-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-md-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-md-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-md-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-md-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-md-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-lg-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-lg-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-lg-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-lg-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-lg-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-lg-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-lg-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-lg-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-lg-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-lg-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-lg-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-lg-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-lg-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-lg-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-lg-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-lg-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-lg-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-lg-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-lg-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-lg-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-lg-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-xl-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-xl-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-xl-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-xl-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-xl-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-xl-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-xl-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-xl-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-xl-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-xl-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-xl-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-xl-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-xl-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-xl-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-xl-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-xl-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-xl-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-xl-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-xl-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-xl-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-xl-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-xl-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-xl-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-xl-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-xl-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-xl-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-xl-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-xl-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-xl-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+.float-left {
+  float: left !important;
+}
+
+.float-right {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important;
+  }
+  .float-sm-right {
+    float: right !important;
+  }
+  .float-sm-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important;
+  }
+  .float-md-right {
+    float: right !important;
+  }
+  .float-md-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important;
+  }
+  .float-lg-right {
+    float: right !important;
+  }
+  .float-lg-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important;
+  }
+  .float-xl-right {
+    float: right !important;
+  }
+  .float-xl-none {
+    float: none !important;
+  }
+}
+
+.user-select-all {
+  -webkit-user-select: all !important;
+  -moz-user-select: all !important;
+  user-select: all !important;
+}
+
+.user-select-auto {
+  -webkit-user-select: auto !important;
+  -moz-user-select: auto !important;
+  -ms-user-select: auto !important;
+  user-select: auto !important;
+}
+
+.user-select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !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;
+}
+
+.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;
+  }
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
   width: auto;
   height: auto;
-  padding: 0;
-  margin-right: 10px;
-  transition: transform 0.5s ease;
-}
-.sidebar-menu li > a > .fa-angle-left {
-  position: absolute;
-  top: 50%;
-  right: 10px;
-  margin-top: -8px;
-}
-.sidebar-menu .menu-open > a > .fa-angle-left,
-.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
-  transform: rotate(-90deg);
-}
-.sidebar-menu .active > .treeview-menu {
-  display: block;
-}
-/*
- * Component: Sidebar Mini
- */
-@media (min-width: 768px) {
-  .sidebar-mini.sidebar-collapse .content-wrapper,
-  .sidebar-mini.sidebar-collapse .right-side,
-  .sidebar-mini.sidebar-collapse .main-footer {
-    margin-left: 50px !important;
-    z-index: 840;
-  }
-  .sidebar-mini.sidebar-collapse .main-sidebar {
-    transform: translate(0, 0);
-    width: 50px !important;
-    z-index: 850;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
-    position: relative;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
-    margin-right: 0;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
-    border-top-right-radius: 4px;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
-    border-bottom-right-radius: 4px;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom-right-radius: 4px;
-  }
-  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
-  .sidebar-mini.sidebar-collapse .sidebar-form,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
-  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
-    display: none !important;
-    -webkit-transform: translateZ(0);
-  }
-  .sidebar-mini.sidebar-collapse .main-header .logo {
-    width: 50px;
-  }
-  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
-    display: block;
-    margin-left: -15px;
-    margin-right: -15px;
-    font-size: 18px;
-  }
-  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
-    display: none;
-  }
-  .sidebar-mini.sidebar-collapse .main-header .navbar {
-    margin-left: 50px;
-  }
-}
-@media (min-width: 768px) {
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
-    display: block !important;
-    position: absolute;
-    width: 180px;
-    left: 50px;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
-    top: 0;
-    margin-left: -3px;
-    padding: 12px 5px 12px 20px;
-    background-color: inherit;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
-    position: relative !important;
-    float: right;
-    width: auto !important;
-    left: 180px !important;
-    top: -22px !important;
-    z-index: 900;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
-    display: none;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
-    top: 44px;
-    margin-left: 0;
-  }
-}
-.sidebar-expanded-on-hover .main-footer,
-.sidebar-expanded-on-hover .content-wrapper {
-  margin-left: 50px;
-}
-.sidebar-expanded-on-hover .main-sidebar {
-  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
-}
-.sidebar-menu,
-.main-sidebar .user-panel,
-.sidebar-menu > li.header {
-  white-space: nowrap;
-  overflow: hidden;
-}
-.sidebar-menu:hover {
   overflow: visible;
+  clip: auto;
+  white-space: normal;
 }
-.sidebar-form,
-.sidebar-menu > li.header {
-  overflow: hidden;
-  text-overflow: clip;
+
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }
-.sidebar-menu li > a {
-  position: relative;
+
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }
-.sidebar-menu li > a > .pull-right-container {
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  margin-top: -7px;
+
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }
-/*
- * Component: Control sidebar. By default, this is the right sidebar.
- */
-.control-sidebar-bg {
-  position: fixed;
-  z-index: 1000;
-  bottom: 0;
+
+.shadow-none {
+  box-shadow: none !important;
 }
-.control-sidebar-bg,
-.control-sidebar {
-  top: 0;
-  right: -230px;
-  width: 230px;
-  transition: right 0.3s ease-in-out;
+
+.w-25 {
+  width: 25% !important;
 }
-.control-sidebar {
-  position: absolute;
-  padding-top: 50px;
-  z-index: 1010;
+
+.w-50 {
+  width: 50% !important;
 }
-@media (max-width: 767px) {
-  .control-sidebar {
-    padding-top: 100px;
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-auto {
+  width: auto !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;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important;
+}
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important;
+}
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important;
+}
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important;
+}
+
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important;
+}
+
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important;
+}
+
+.m-3 {
+  margin: 1rem !important;
+}
+
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important;
+}
+
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important;
+}
+
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important;
+}
+
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important;
+}
+
+.m-4 {
+  margin: 1.5rem !important;
+}
+
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important;
+}
+
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important;
+}
+
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important;
+}
+
+.m-5 {
+  margin: 3rem !important;
+}
+
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important;
+}
+
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important;
+}
+
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important;
+}
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important;
+}
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important;
+}
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important;
+}
+
+.p-3 {
+  padding: 1rem !important;
+}
+
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important;
+}
+
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important;
+}
+
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important;
+}
+
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important;
+}
+
+.p-4 {
+  padding: 1.5rem !important;
+}
+
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important;
+}
+
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important;
+}
+
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important;
+}
+
+.p-5 {
+  padding: 3rem !important;
+}
+
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important;
+}
+
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important;
+}
+
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important;
+}
+
+.m-n1 {
+  margin: -0.25rem !important;
+}
+
+.mt-n1,
+.my-n1 {
+  margin-top: -0.25rem !important;
+}
+
+.mr-n1,
+.mx-n1 {
+  margin-right: -0.25rem !important;
+}
+
+.mb-n1,
+.my-n1 {
+  margin-bottom: -0.25rem !important;
+}
+
+.ml-n1,
+.mx-n1 {
+  margin-left: -0.25rem !important;
+}
+
+.m-n2 {
+  margin: -0.5rem !important;
+}
+
+.mt-n2,
+.my-n2 {
+  margin-top: -0.5rem !important;
+}
+
+.mr-n2,
+.mx-n2 {
+  margin-right: -0.5rem !important;
+}
+
+.mb-n2,
+.my-n2 {
+  margin-bottom: -0.5rem !important;
+}
+
+.ml-n2,
+.mx-n2 {
+  margin-left: -0.5rem !important;
+}
+
+.m-n3 {
+  margin: -1rem !important;
+}
+
+.mt-n3,
+.my-n3 {
+  margin-top: -1rem !important;
+}
+
+.mr-n3,
+.mx-n3 {
+  margin-right: -1rem !important;
+}
+
+.mb-n3,
+.my-n3 {
+  margin-bottom: -1rem !important;
+}
+
+.ml-n3,
+.mx-n3 {
+  margin-left: -1rem !important;
+}
+
+.m-n4 {
+  margin: -1.5rem !important;
+}
+
+.mt-n4,
+.my-n4 {
+  margin-top: -1.5rem !important;
+}
+
+.mr-n4,
+.mx-n4 {
+  margin-right: -1.5rem !important;
+}
+
+.mb-n4,
+.my-n4 {
+  margin-bottom: -1.5rem !important;
+}
+
+.ml-n4,
+.mx-n4 {
+  margin-left: -1.5rem !important;
+}
+
+.m-n5 {
+  margin: -3rem !important;
+}
+
+.mt-n5,
+.my-n5 {
+  margin-top: -3rem !important;
+}
+
+.mr-n5,
+.mx-n5 {
+  margin-right: -3rem !important;
+}
+
+.mb-n5,
+.my-n5 {
+  margin-bottom: -3rem !important;
+}
+
+.ml-n5,
+.mx-n5 {
+  margin-left: -3rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important;
+}
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important;
+}
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important;
+  }
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important;
+  }
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important;
+  }
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important;
+  }
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important;
+  }
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important;
+  }
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important;
+  }
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important;
+  }
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important;
+  }
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important;
+  }
+  .m-sm-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-sm-n1,
+  .my-sm-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-sm-n1,
+  .mx-sm-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-sm-n1,
+  .my-sm-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-sm-n1,
+  .mx-sm-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-sm-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-sm-n2,
+  .my-sm-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-sm-n2,
+  .mx-sm-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-sm-n2,
+  .my-sm-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-sm-n2,
+  .mx-sm-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-sm-n3 {
+    margin: -1rem !important;
+  }
+  .mt-sm-n3,
+  .my-sm-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-sm-n3,
+  .mx-sm-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-sm-n3,
+  .my-sm-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-sm-n3,
+  .mx-sm-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-sm-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-sm-n4,
+  .my-sm-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-sm-n4,
+  .mx-sm-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-sm-n4,
+  .my-sm-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-sm-n4,
+  .mx-sm-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-sm-n5 {
+    margin: -3rem !important;
+  }
+  .mt-sm-n5,
+  .my-sm-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-sm-n5,
+  .mx-sm-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-sm-n5,
+  .my-sm-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-sm-n5,
+  .mx-sm-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-sm-auto {
+    margin: auto !important;
+  }
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important;
+  }
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important;
+  }
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important;
   }
 }
-.control-sidebar > .tab-content {
-  padding: 10px 15px;
-}
-.control-sidebar.control-sidebar-open,
-.control-sidebar.control-sidebar-open + .control-sidebar-bg {
-  right: 0;
-}
-.control-sidebar-hold-transition .control-sidebar-bg,
-.control-sidebar-hold-transition .control-sidebar,
-.control-sidebar-hold-transition .content-wrapper {
-  transition: none;
-}
-.control-sidebar-open .control-sidebar-bg,
-.control-sidebar-open .control-sidebar {
-  right: 0;
-}
+
 @media (min-width: 768px) {
-  .control-sidebar-open .content-wrapper,
-  .control-sidebar-open .right-side,
-  .control-sidebar-open .main-footer {
-    margin-right: 230px;
+  .m-md-0 {
+    margin: 0 !important;
+  }
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important;
+  }
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important;
+  }
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important;
+  }
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important;
+  }
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important;
+  }
+  .p-md-0 {
+    padding: 0 !important;
+  }
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important;
+  }
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important;
+  }
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important;
+  }
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important;
+  }
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important;
+  }
+  .m-md-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-md-n1,
+  .my-md-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-md-n1,
+  .mx-md-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-md-n1,
+  .my-md-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-md-n1,
+  .mx-md-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-md-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-md-n2,
+  .my-md-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-md-n2,
+  .mx-md-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-md-n2,
+  .my-md-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-md-n2,
+  .mx-md-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-md-n3 {
+    margin: -1rem !important;
+  }
+  .mt-md-n3,
+  .my-md-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-md-n3,
+  .mx-md-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-md-n3,
+  .my-md-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-md-n3,
+  .mx-md-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-md-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-md-n4,
+  .my-md-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-md-n4,
+  .mx-md-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-md-n4,
+  .my-md-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-md-n4,
+  .mx-md-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-md-n5 {
+    margin: -3rem !important;
+  }
+  .mt-md-n5,
+  .my-md-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-md-n5,
+  .mx-md-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-md-n5,
+  .my-md-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-md-n5,
+  .mx-md-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-md-auto {
+    margin: auto !important;
+  }
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important;
+  }
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important;
+  }
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important;
   }
 }
-.fixed .control-sidebar {
-  position: fixed;
-  height: 100%;
-  overflow-y: auto;
-  padding-bottom: 50px;
-}
-.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
-.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
-.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
-  border-left-width: 0;
-}
-.nav-tabs.control-sidebar-tabs > li > a {
-  border-radius: 0;
-}
-.nav-tabs.control-sidebar-tabs > li > a,
-.nav-tabs.control-sidebar-tabs > li > a:hover {
-  border-top: none;
-  border-right: none;
-  border-left: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-}
-.nav-tabs.control-sidebar-tabs > li > a .icon {
-  font-size: 16px;
-}
-.nav-tabs.control-sidebar-tabs > li.active > a,
-.nav-tabs.control-sidebar-tabs > li.active > a:hover,
-.nav-tabs.control-sidebar-tabs > li.active > a:focus,
-.nav-tabs.control-sidebar-tabs > li.active > a:active {
-  border-top: none;
-  border-right: none;
-  border-bottom: none;
-}
-@media (max-width: 768px) {
-  .nav-tabs.control-sidebar-tabs {
-    display: table;
+
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important;
   }
-  .nav-tabs.control-sidebar-tabs > li {
-    display: table-cell;
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important;
+  }
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important;
+  }
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important;
+  }
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important;
+  }
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important;
+  }
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important;
+  }
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important;
+  }
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important;
+  }
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important;
+  }
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important;
+  }
+  .m-lg-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-lg-n1,
+  .my-lg-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-lg-n1,
+  .mx-lg-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-lg-n1,
+  .my-lg-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-lg-n1,
+  .mx-lg-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-lg-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-lg-n2,
+  .my-lg-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-lg-n2,
+  .mx-lg-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-lg-n2,
+  .my-lg-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-lg-n2,
+  .mx-lg-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-lg-n3 {
+    margin: -1rem !important;
+  }
+  .mt-lg-n3,
+  .my-lg-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-lg-n3,
+  .mx-lg-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-lg-n3,
+  .my-lg-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-lg-n3,
+  .mx-lg-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-lg-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-lg-n4,
+  .my-lg-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-lg-n4,
+  .mx-lg-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-lg-n4,
+  .my-lg-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-lg-n4,
+  .mx-lg-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-lg-n5 {
+    margin: -3rem !important;
+  }
+  .mt-lg-n5,
+  .my-lg-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-lg-n5,
+  .mx-lg-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-lg-n5,
+  .my-lg-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-lg-n5,
+  .mx-lg-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-lg-auto {
+    margin: auto !important;
+  }
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important;
+  }
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important;
+  }
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important;
   }
 }
-.control-sidebar-heading {
-  font-weight: 400;
-  font-size: 16px;
-  padding: 10px 0;
-  margin-bottom: 10px;
-}
-.control-sidebar-subheading {
-  display: block;
-  font-weight: 400;
-  font-size: 14px;
-}
-.control-sidebar-menu {
-  list-style: none;
-  padding: 0;
-  margin: 0 -15px;
-}
-.control-sidebar-menu > li > a {
-  display: block;
-  padding: 10px 15px;
-}
-.control-sidebar-menu > li > a:before,
-.control-sidebar-menu > li > a:after {
-  content: " ";
-  display: table;
-}
-.control-sidebar-menu > li > a:after {
-  clear: both;
-}
-.control-sidebar-menu > li > a > .control-sidebar-subheading {
-  margin-top: 0;
-}
-.control-sidebar-menu .menu-icon {
-  float: left;
-  width: 35px;
-  height: 35px;
-  border-radius: 50%;
-  text-align: center;
-  line-height: 35px;
-}
-.control-sidebar-menu .menu-info {
-  margin-left: 45px;
-  margin-top: 3px;
-}
-.control-sidebar-menu .menu-info > .control-sidebar-subheading {
-  margin: 0;
-}
-.control-sidebar-menu .menu-info > p {
-  margin: 0;
-  font-size: 11px;
-}
-.control-sidebar-menu .progress {
-  margin: 0;
-}
-.control-sidebar-dark {
-  color: #b8c7ce;
-}
-.control-sidebar-dark,
-.control-sidebar-dark + .control-sidebar-bg {
-  background: #222d32;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
-  border-bottom: #1c2529;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
-  background: #181f23;
-  color: #b8c7ce;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
-  border-left-color: #141a1d;
-  border-bottom-color: #141a1d;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
-  background: #1c2529;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
-  color: #fff;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
-  background: #222d32;
-  color: #fff;
-}
-.control-sidebar-dark .control-sidebar-heading,
-.control-sidebar-dark .control-sidebar-subheading {
-  color: #fff;
-}
-.control-sidebar-dark .control-sidebar-menu > li > a:hover {
-  background: #1e282c;
-}
-.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
-  color: #b8c7ce;
-}
-.control-sidebar-light {
-  color: #5e5e5e;
-}
-.control-sidebar-light,
-.control-sidebar-light + .control-sidebar-bg {
-  background: #f9fafc;
-  border-left: 1px solid #d2d6de;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs {
-  border-bottom: #d2d6de;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
-  background: #e8ecf4;
-  color: #444;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
-  border-left-color: #d2d6de;
-  border-bottom-color: #d2d6de;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
-  background: #eff1f7;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
-  background: #f9fafc;
-  color: #111;
-}
-.control-sidebar-light .control-sidebar-heading,
-.control-sidebar-light .control-sidebar-subheading {
-  color: #111;
-}
-.control-sidebar-light .control-sidebar-menu {
-  margin-left: -14px;
-}
-.control-sidebar-light .control-sidebar-menu > li > a:hover {
-  background: #f4f4f5;
-}
-.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
-  color: #5e5e5e;
-}
-/*
- * Component: Dropdown menus
- * -------------------------
- */
-/*Dropdowns in general*/
-.dropdown-menu {
-  box-shadow: none;
-  border-color: #eee;
-}
-.dropdown-menu > li > a {
-  color: #777;
-}
-.dropdown-menu > li > a > .glyphicon,
-.dropdown-menu > li > a > .fa,
-.dropdown-menu > li > a > .ion {
-  margin-right: 10px;
-}
-.dropdown-menu > li > a:hover {
-  background-color: #e1e3e9;
-  color: #333;
-}
-.dropdown-menu > .divider {
-  background-color: #eee;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu,
-.navbar-nav > .messages-menu > .dropdown-menu,
-.navbar-nav > .tasks-menu > .dropdown-menu {
-  width: 280px;
-  padding: 0 0 0 0;
-  margin: 0;
-  top: 100%;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu > li,
-.navbar-nav > .messages-menu > .dropdown-menu > li,
-.navbar-nav > .tasks-menu > .dropdown-menu > li {
-  position: relative;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
-.navbar-nav > .messages-menu > .dropdown-menu > li.header,
-.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  background-color: #ffffff;
-  padding: 7px 10px;
-  border-bottom: 1px solid #f4f4f4;
-  color: #444444;
-  font-size: 14px;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
-.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
-.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  font-size: 12px;
-  background-color: #fff;
-  padding: 7px 10px;
-  border-bottom: 1px solid #eeeeee;
-  color: #444 !important;
-  text-align: center;
-}
-@media (max-width: 991px) {
-  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
-  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
-  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-    background: #fff !important;
-    color: #444 !important;
+
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important;
+  }
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important;
+  }
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important;
+  }
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-xl-3 {
+    margin: 1rem !important;
+  }
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important;
+  }
+  .m-xl-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-xl-5 {
+    margin: 3rem !important;
+  }
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important;
+  }
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important;
+  }
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important;
+  }
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important;
+  }
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-xl-3 {
+    padding: 1rem !important;
+  }
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important;
+  }
+  .p-xl-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-xl-5 {
+    padding: 3rem !important;
+  }
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important;
+  }
+  .m-xl-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-xl-n1,
+  .my-xl-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-xl-n1,
+  .mx-xl-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-xl-n1,
+  .my-xl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-xl-n1,
+  .mx-xl-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-xl-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-xl-n2,
+  .my-xl-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-xl-n2,
+  .mx-xl-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-xl-n2,
+  .my-xl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-xl-n2,
+  .mx-xl-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-xl-n3 {
+    margin: -1rem !important;
+  }
+  .mt-xl-n3,
+  .my-xl-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-xl-n3,
+  .mx-xl-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-xl-n3,
+  .my-xl-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-xl-n3,
+  .mx-xl-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-xl-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-xl-n4,
+  .my-xl-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-xl-n4,
+  .mx-xl-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-xl-n4,
+  .my-xl-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-xl-n4,
+  .mx-xl-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-xl-n5 {
+    margin: -3rem !important;
+  }
+  .mt-xl-n5,
+  .my-xl-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-xl-n5,
+  .mx-xl-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-xl-n5,
+  .my-xl-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-xl-n5,
+  .mx-xl-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-xl-auto {
+    margin: auto !important;
+  }
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important;
+  }
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important;
   }
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
-.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
-.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
-  text-decoration: none;
-  font-weight: normal;
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0);
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
-  max-height: 200px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow-x: hidden;
+
+.text-monospace {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
-  display: block;
-  white-space: nowrap;
-  /* Prevent text from breaking */
-  border-bottom: 1px solid #f4f4f4;
+
+.text-justify {
+  text-align: justify !important;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
-  background: #f4f4f4;
-  text-decoration: none;
+
+.text-wrap {
+  white-space: normal !important;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
-  color: #444444;
+
+.text-nowrap {
+  white-space: nowrap !important;
+}
+
+.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
-  padding: 10px;
+  white-space: nowrap;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
-  width: 20px;
+
+.text-left {
+  text-align: left !important;
 }
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
-  margin: 0;
-  padding: 10px 10px;
+
+.text-right {
+  text-align: right !important;
 }
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
-  margin: auto 10px auto auto;
-  width: 40px;
-  height: 40px;
+
+.text-center {
+  text-align: center !important;
 }
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
-  padding: 0;
-  margin: 0 0 0 45px;
-  color: #444444;
-  font-size: 15px;
-  position: relative;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
-  color: #999999;
-  font-size: 10px;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
-  margin: 0 0 0 45px;
-  font-size: 12px;
-  color: #888888;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
-  content: " ";
-  display: table;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
-  clear: both;
-}
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
-  padding: 10px;
-}
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
-  font-size: 14px;
-  padding: 0;
-  margin: 0 0 10px 0;
-  color: #666666;
-}
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
-  padding: 0;
-  margin: 0;
-}
-.navbar-nav > .user-menu > .dropdown-menu {
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-  padding: 1px 0 0 0;
-  border-top-width: 0;
-  width: 280px;
-}
-.navbar-nav > .user-menu > .dropdown-menu,
-.navbar-nav > .user-menu > .dropdown-menu > .user-body {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
-  height: 175px;
-  padding: 10px;
-  text-align: center;
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
-  z-index: 5;
-  height: 90px;
-  width: 90px;
-  border: 3px solid;
-  border-color: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
-  z-index: 5;
-  color: #fff;
-  color: rgba(255, 255, 255, 0.8);
-  font-size: 17px;
-  margin-top: 10px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
-  display: block;
-  font-size: 12px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body {
-  padding: 15px;
-  border-bottom: 1px solid #f4f4f4;
-  border-top: 1px solid #dddddd;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
-.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
-  content: " ";
-  display: table;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
-  clear: both;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
-  color: #444 !important;
-}
-@media (max-width: 991px) {
-  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
-    background: #fff !important;
-    color: #444 !important;
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important;
+  }
+  .text-sm-right {
+    text-align: right !important;
+  }
+  .text-sm-center {
+    text-align: center !important;
   }
 }
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
-  background-color: #f9f9f9;
-  padding: 10px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
-  content: " ";
-  display: table;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
-  clear: both;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
-  color: #666666;
-}
-@media (max-width: 991px) {
-  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
-    background-color: #f9f9f9;
+
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important;
+  }
+  .text-md-right {
+    text-align: right !important;
+  }
+  .text-md-center {
+    text-align: center !important;
   }
 }
-.navbar-nav > .user-menu .user-image {
-  float: left;
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  margin-right: 10px;
-  margin-top: -2px;
-}
-@media (max-width: 767px) {
-  .navbar-nav > .user-menu .user-image {
-    float: none;
-    margin-right: 0;
-    margin-top: -8px;
-    line-height: 10px;
+
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important;
+  }
+  .text-lg-right {
+    text-align: right !important;
+  }
+  .text-lg-center {
+    text-align: center !important;
   }
 }
-/* Add fade animation to dropdown menus by appending
- the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
-.open:not(.dropup) > .animated-dropdown-menu {
-  backface-visibility: visible !important;
-  animation: flipInX 0.7s both;
+
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important;
+  }
+  .text-xl-right {
+    text-align: right !important;
+  }
+  .text-xl-center {
+    text-align: center !important;
+  }
 }
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.font-weight-light {
+  font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+
+.font-italic {
+  font-style: italic !important;
+}
+
+.text-white {
+  color: #fff !important;
+}
+
+.text-primary {
+  color: #007bff !important;
+}
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #0056b3 !important;
+}
+
+.text-secondary {
+  color: #6c757d !important;
+}
+
+a.text-secondary:hover, a.text-secondary:focus {
+  color: #494f54 !important;
+}
+
+.text-success {
+  color: #28a745 !important;
+}
+
+a.text-success:hover, a.text-success:focus {
+  color: #19692c !important;
+}
+
+.text-info {
+  color: #17a2b8 !important;
+}
+
+a.text-info:hover, a.text-info:focus {
+  color: #0f6674 !important;
+}
+
+.text-warning {
+  color: #ffc107 !important;
+}
+
+a.text-warning:hover, a.text-warning:focus {
+  color: #ba8b00 !important;
+}
+
+.text-danger {
+  color: #dc3545 !important;
+}
+
+a.text-danger:hover, a.text-danger:focus {
+  color: #a71d2a !important;
+}
+
+.text-light {
+  color: #f8f9fa !important;
+}
+
+a.text-light:hover, a.text-light:focus {
+  color: #cbd3da !important;
+}
+
+.text-dark {
+  color: #343a40 !important;
+}
+
+a.text-dark:hover, a.text-dark:focus {
+  color: #121416 !important;
+}
+
+.text-body {
+  color: #212529 !important;
+}
+
+.text-muted {
+  color: #6c757d !important;
+}
+
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
+.text-break {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+}
+
+.text-reset {
+  color: inherit !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+@media print {
+  *,
+  *::before,
+  *::after {
+    text-shadow: none !important;
+    box-shadow: none !important;
+  }
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+  abbr[title]::after {
+    content: " (" attr(title) ")";
+  }
+  pre {
+    white-space: pre-wrap !important;
+  }
+  pre,
+  blockquote {
+    border: 1px solid #adb5bd;
+    page-break-inside: avoid;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  @page {
+    size: a3;
+  }
+  body {
+    min-width: 992px !important;
+  }
+  .container {
+    min-width: 992px !important;
+  }
+  .navbar {
+    display: none;
+  }
+  .badge {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #dee2e6 !important;
+  }
+  .table-dark {
+    color: inherit;
+  }
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th,
+  .table-dark tbody + tbody {
+    border-color: #dee2e6;
+  }
+  .table .thead-dark th {
+    color: inherit;
+    border-color: #dee2e6;
+  }
+}
+
 @keyframes flipInX {
   0% {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -1197,16 +10337,4704 @@ a:focus {
     transform: perspective(400px);
   }
 }
-/* Fix dropdown menu in navbars */
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes shake {
+  0% {
+    transform: translate(2px, 1px) rotate(0deg);
+  }
+  10% {
+    transform: translate(-1px, -2px) rotate(-2deg);
+  }
+  20% {
+    transform: translate(-3px, 0) rotate(3deg);
+  }
+  30% {
+    transform: translate(0, 2px) rotate(0deg);
+  }
+  40% {
+    transform: translate(1px, -1px) rotate(1deg);
+  }
+  50% {
+    transform: translate(-1px, 2px) rotate(-1deg);
+  }
+  60% {
+    transform: translate(-3px, 1px) rotate(0deg);
+  }
+  70% {
+    transform: translate(2px, 1px) rotate(-2deg);
+  }
+  80% {
+    transform: translate(-1px, -1px) rotate(4deg);
+  }
+  90% {
+    transform: translate(2px, 2px) rotate(0deg);
+  }
+  100% {
+    transform: translate(1px, -2px) rotate(-1deg);
+  }
+}
+
+@keyframes wobble {
+  0% {
+    transform: none;
+  }
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+  30% {
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+  60% {
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+  100% {
+    transform: none;
+  }
+}
+
+.dark-mode :root {
+  --lightblue: #86bad8;
+  --navy: #002c59;
+  --olive: #74c8a3;
+  --lime: #67ffa9;
+  --fuchsia: #f672d8;
+  --maroon: #ed6c9b;
+  --blue: #3f6791;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #e74c3c;
+  --orange: #fd7e14;
+  --yellow: #f39c12;
+  --green: #00bc8c;
+  --teal: #20c997;
+  --cyan: #3498db;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #3f6791;
+  --secondary: #6c757d;
+  --success: #00bc8c;
+  --info: #3498db;
+  --warning: #f39c12;
+  --danger: #e74c3c;
+  --light: #f8f9fa;
+  --dark: #343a40;
+}
+
+.animation__shake {
+  animation: shake 1500ms;
+}
+
+.animation__wobble {
+  animation: wobble 1500ms;
+}
+
+.preloader {
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #f4f6f9;
+  height: 100vh;
+  width: 100%;
+  transition: height 200ms linear;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 9999;
+}
+
+.dark-mode .preloader {
+  background-color: #454d55 !important;
+  color: #fff;
+}
+
+html.scroll-smooth {
+  scroll-behavior: smooth;
+}
+
+html,
+body,
+.wrapper {
+  min-height: 100%;
+}
+
+.wrapper {
+  position: relative;
+}
+
+.wrapper .content-wrapper {
+  min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
+}
+
+.layout-boxed .wrapper {
+  box-shadow: 0 0 10 rgba(0, 0, 0, 0.3);
+}
+
+.layout-boxed .wrapper, .layout-boxed .wrapper::before {
+  margin: 0 auto;
+  max-width: 1250px;
+  overflow: hidden;
+}
+
+.layout-boxed .wrapper .main-sidebar {
+  left: inherit;
+}
+
+@supports not (-webkit-touch-callout: none) {
+  .layout-fixed .wrapper .sidebar {
+    height: calc(100vh - (3.5rem + 1px));
+  }
+  .layout-fixed.text-sm .wrapper .sidebar {
+    height: calc(100vh - (2.93725rem + 1px));
+  }
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+  top: calc(3.5rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link {
+  height: calc(3.5rem + 1px);
+  width: 4.6rem;
+}
+
+.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm,
+.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm,
+.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm {
+  height: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link {
+  height: calc(2.93725rem + 1px);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
+  margin-top: calc(calc(2.93725rem + 1px) / -1);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .control-sidebar {
+  top: 0;
+}
+
+.layout-navbar-fixed .wrapper a.anchor {
+  display: block;
+  position: relative;
+  top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+}
+
+.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+}
+
+.layout-navbar-fixed .wrapper .brand-link {
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+  z-index: 1035;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-lightblue .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-lightblue .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-navy .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-navy .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-olive .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-olive .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-lime .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-lime .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-fuchsia .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-fuchsia .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-maroon .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-maroon .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-blue .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-indigo .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-indigo .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-purple .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-purple .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-pink .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-pink .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-red .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-red .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-orange .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-orange .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-yellow .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-yellow .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-green .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-green .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-teal .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-teal .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-cyan .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-cyan .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-white .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-white .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-gray .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-gray .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-gray-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-gray-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .main-header.border-bottom-0 ~ .content-wrapper {
+  margin-top: 3.5rem;
+}
+
+.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .main-header {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1033;
+}
+
+.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-not-fixed .wrapper .brand-link {
+  position: static;
+}
+
+.layout-navbar-not-fixed .wrapper .sidebar,
+.layout-navbar-not-fixed .wrapper .content-wrapper {
+  margin-top: 0;
+}
+
+.layout-navbar-not-fixed .wrapper .main-header {
+  position: static;
+}
+
+.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: 0;
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+  top: calc(3.5rem + 1px);
+}
+
+.text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .control-sidebar {
+  top: 0;
+}
+
+.layout-navbar-fixed .wrapper a.anchor {
+  display: block;
+  position: relative;
+  top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+}
+
+.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+  height: calc(3.5rem + 1px);
+  transition: width 0.3s ease-in-out;
+  width: 4.6rem;
+}
+
+.text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+  height: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+}
+
+.layout-navbar-fixed .wrapper .brand-link {
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+  z-index: 1035;
+}
+
+.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.text-sm .layout-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .main-header {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1037;
+}
+
+.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
+  margin-top: calc(calc(2.93725rem + 1px) / -1);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-not-fixed .wrapper .brand-link {
+  position: static;
+}
+
+.layout-navbar-not-fixed .wrapper .sidebar,
+.layout-navbar-not-fixed .wrapper .content-wrapper {
+  margin-top: 0;
+}
+
+.layout-navbar-not-fixed .wrapper .main-header {
+  position: static;
+}
+
+.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: 0;
+}
+
+@media (min-width: 576px) {
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-sm-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-sm-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-sm-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-sm-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-sm-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-sm-navbar-not-fixed .wrapper .sidebar,
+  .layout-sm-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-sm-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-md-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-md-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-md-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-md-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-md-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-md-navbar-not-fixed .wrapper .sidebar,
+  .layout-md-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-md-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-lg-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-lg-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-lg-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-lg-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-lg-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-lg-navbar-not-fixed .wrapper .sidebar,
+  .layout-lg-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-lg-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-xl-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-xl-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-xl-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-xl-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-xl-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-xl-navbar-not-fixed .wrapper .sidebar,
+  .layout-xl-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-xl-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+.layout-footer-fixed .wrapper .control-sidebar {
+  bottom: 0;
+}
+
+.layout-footer-fixed .wrapper .main-footer {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: 1032;
+}
+
+.layout-footer-not-fixed .wrapper .main-footer {
+  position: static;
+}
+
+.layout-footer-not-fixed .wrapper .content-wrapper {
+  margin-bottom: 0;
+}
+
+.layout-footer-fixed .wrapper .control-sidebar {
+  bottom: 0;
+}
+
+.layout-footer-fixed .wrapper .main-footer {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: 1032;
+}
+
+.layout-footer-fixed .wrapper .content-wrapper {
+  padding-bottom: calc(3.5rem + 1px);
+}
+
+.layout-footer-not-fixed .wrapper .main-footer {
+  position: static;
+}
+
+@media (min-width: 576px) {
+  .layout-sm-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-sm-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-sm-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-sm-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+@media (min-width: 768px) {
+  .layout-md-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-md-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-md-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-md-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+@media (min-width: 992px) {
+  .layout-lg-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-lg-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-lg-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-lg-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+@media (min-width: 1200px) {
+  .layout-xl-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-xl-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-xl-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-xl-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+.layout-top-nav .wrapper {
+  margin-left: 0;
+}
+
+.layout-top-nav .wrapper .main-header .brand-image {
+  margin-top: -.5rem;
+  margin-right: .2rem;
+  height: 33px;
+}
+
+.layout-top-nav .wrapper .main-sidebar {
+  bottom: inherit;
+  height: inherit;
+}
+
+.layout-top-nav .wrapper .content-wrapper,
+.layout-top-nav .wrapper .main-header,
+.layout-top-nav .wrapper .main-footer {
+  margin-left: 0;
+}
+
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before {
+  margin-left: 0;
+}
+
+@media (min-width: 768px) {
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    transition: margin-left 0.3s ease-in-out;
+    margin-left: 250px;
+  }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    transition: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, .sidebar-collapse
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, .sidebar-collapse
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    margin-left: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    margin-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    transition: margin-left 0.3s ease-in-out;
+    margin-left: 250px;
+  }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    transition: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-collapse .sidebar-mini-md .content-wrapper, .sidebar-collapse
+  .sidebar-mini-md .main-footer, .sidebar-collapse
+  .sidebar-mini-md .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    margin-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-mini-xs .content-wrapper,
+  .sidebar-mini-xs .main-footer,
+  .sidebar-mini-xs .main-header {
+    transition: margin-left 0.3s ease-in-out;
+    margin-left: 250px;
+  }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
+  .sidebar-mini-xs .content-wrapper,
+  .sidebar-mini-xs .main-footer,
+  .sidebar-mini-xs .main-header {
+    transition: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-collapse .sidebar-mini-xs .content-wrapper, .sidebar-collapse
+  .sidebar-mini-xs .main-footer, .sidebar-collapse
+  .sidebar-mini-xs .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-mini-xs .content-wrapper,
+  .sidebar-mini-xs .main-footer,
+  .sidebar-mini-xs .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+.content-wrapper {
+  background-color: #f4f6f9;
+}
+
+.content-wrapper > .content {
+  padding: 0 0.5rem;
+}
+
+.main-sidebar, .main-sidebar::before {
+  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
+  width: 250px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .main-sidebar, .main-sidebar::before {
+    transition: none;
+  }
+}
+
+.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar, .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before {
+  box-shadow: none !important;
+}
+
+.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
+  margin-left: -250px;
+}
+
+.sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview {
+  padding: 0;
+}
+
+@media (max-width: 767.98px) {
+  .main-sidebar, .main-sidebar::before {
+    box-shadow: none !important;
+    margin-left: -250px;
+  }
+  .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
+    margin-left: 0;
+  }
+}
+
+body:not(.layout-fixed) .main-sidebar {
+  height: inherit;
+  min-height: 100%;
+  position: absolute;
+  top: 0;
+}
+
+body:not(.layout-fixed) .main-sidebar .sidebar {
+  overflow-y: auto;
+}
+
+.layout-fixed .brand-link {
+  width: 250px;
+}
+
+.layout-fixed .main-sidebar {
+  bottom: 0;
+  float: none;
+  left: 0;
+  position: fixed;
+  top: 0;
+}
+
+.layout-fixed .control-sidebar {
+  bottom: 0;
+  float: none;
+  position: fixed;
+  top: 0;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content {
+  height: calc(100vh - calc(3.5rem + 1px));
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #a9a9a9 transparent;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar {
+  width: .5rem;
+  height: .5rem;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb {
+  background-color: #a9a9a9;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+@supports (-webkit-touch-callout: none) {
+  .layout-fixed .main-sidebar {
+    height: inherit;
+  }
+}
+
+.main-footer {
+  background-color: #fff;
+  border-top: 1px solid #dee2e6;
+  color: #869099;
+  padding: 1rem;
+}
+
+.text-sm .main-footer, .main-footer.text-sm {
+  padding: 0.812rem;
+}
+
+.content-header {
+  padding: 15px 0.5rem;
+}
+
+.text-sm .content-header {
+  padding: 10px 0.5rem;
+}
+
+.content-header h1 {
+  font-size: 1.8rem;
+  margin: 0;
+}
+
+.text-sm .content-header h1 {
+  font-size: 1.5rem;
+}
+
+.content-header .breadcrumb {
+  background-color: transparent;
+  line-height: 1.8rem;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.text-sm .content-header .breadcrumb {
+  line-height: 1.5rem;
+}
+
+.hold-transition .content-wrapper,
+.hold-transition .main-header,
+.hold-transition .main-sidebar,
+.hold-transition .main-sidebar *,
+.hold-transition .control-sidebar,
+.hold-transition .control-sidebar *,
+.hold-transition .main-footer {
+  transition: none !important;
+  animation-duration: 0s !important;
+}
+
+.dark-mode {
+  background-color: #454d55 !important;
+  color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+@media (min-width: 576px) {
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+@media (min-width: 768px) {
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+@media (min-width: 992px) {
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+@media (min-width: 1200px) {
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+.dark-mode .breadcrumb-item.active,
+.dark-mode .breadcrumb-item + .breadcrumb-item::before {
+  color: #adb5bd;
+}
+
+.dark-mode .main-footer {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.dark-mode .content-wrapper {
+  background-color: #454d55;
+  color: #fff;
+}
+
+.dark-mode .content-wrapper .content-header {
+  color: #fff;
+}
+
+.main-header {
+  border-bottom: 1px solid #dee2e6;
+  z-index: 1034;
+}
+
+.main-header .nav-link {
+  height: 2.5rem;
+  position: relative;
+}
+
+.text-sm .main-header .nav-link, .main-header.text-sm .nav-link {
+  height: 1.93725rem;
+  padding: 0.35rem 1rem;
+}
+
+.text-sm .main-header .nav-link > .fa,
+.text-sm .main-header .nav-link > .fas,
+.text-sm .main-header .nav-link > .far,
+.text-sm .main-header .nav-link > .fab,
+.text-sm .main-header .nav-link > .fal,
+.text-sm .main-header .nav-link > .fad,
+.text-sm .main-header .nav-link > .svg-inline--fa,
+.text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa,
+.main-header.text-sm .nav-link > .fas,
+.main-header.text-sm .nav-link > .far,
+.main-header.text-sm .nav-link > .fab,
+.main-header.text-sm .nav-link > .fal,
+.main-header.text-sm .nav-link > .fad,
+.main-header.text-sm .nav-link > .svg-inline--fa,
+.main-header.text-sm .nav-link > .ion {
+  font-size: 0.875rem;
+}
+
+.main-header .navbar-nav .nav-item {
+  margin: 0;
+}
+
+.main-header .navbar-nav[class*="-right"] .dropdown-menu {
+  left: auto;
+  margin-top: -3px;
+  right: 0;
+}
+
+@media (max-width: 575.98px) {
+  .main-header .navbar-nav[class*="-right"] .dropdown-menu {
+    left: 0;
+    right: auto;
+  }
+}
+
+.main-header.dropdown-legacy .dropdown-menu {
+  top: 3rem;
+  margin-top: 0;
+}
+
+.navbar-img {
+  height: calc(calc(3.5rem + 1px) * .5);
+  width: auto;
+}
+
+.navbar-badge {
+  font-size: .6rem;
+  font-weight: 300;
+  padding: 2px 4px;
+  position: absolute;
+  right: 5px;
+  top: 9px;
+}
+
+.btn-navbar {
+  background-color: transparent;
+  border-left-width: 0;
+}
+
+.form-control-navbar {
+  border-right-width: 0;
+}
+
+.form-control-navbar + .input-group-append {
+  margin-left: 0;
+}
+
+.form-control-navbar,
+.btn-navbar {
+  transition: none;
+}
+
+.navbar-dark .form-control-navbar,
+.navbar-dark .btn-navbar {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar:focus,
+.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #495057;
+  border-color: #6c757d !important;
+  color: #ced4da;
+}
+
+.navbar-light .form-control-navbar,
+.navbar-light .btn-navbar {
+  background-color: #dadfe4;
+  border-color: #ced4da;
+}
+
+.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar::placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar:focus,
+.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #d3d9df;
+  border-color: #c7ced5 !important;
+  color: #ced4da;
+}
+
+.navbar-light .navbar-search-block .form-control-navbar:focus,
+.navbar-light .navbar-search-block .form-control-navbar:focus + .input-group-append .btn-navbar {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-search-block {
+  position: absolute;
+  padding: 0 1rem;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  display: none;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  background-color: initial;
+}
+
+.navbar-search-block.navbar-search-open {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.navbar-search-block .input-group {
+  width: 100%;
+}
+
+.brand-link {
+  display: block;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  padding: 0.8125rem 0.5rem;
+  transition: width 0.3s ease-in-out;
+  white-space: nowrap;
+}
+
+.brand-link:hover {
+  color: #fff;
+  text-decoration: none;
+}
+
+.text-sm .brand-link {
+  font-size: inherit;
+}
+
+[class*="sidebar-dark"] .brand-link {
+  border-bottom: 1px solid #4b545c;
+}
+
+[class*="sidebar-dark"] .brand-link,
+[class*="sidebar-dark"] .brand-link .pushmenu {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+[class*="sidebar-dark"] .brand-link:hover,
+[class*="sidebar-dark"] .brand-link .pushmenu:hover {
+  color: #fff;
+}
+
+[class*="sidebar-light"] .brand-link {
+  border-bottom: 1px solid #dee2e6;
+}
+
+[class*="sidebar-light"] .brand-link,
+[class*="sidebar-light"] .brand-link .pushmenu {
+  color: rgba(0, 0, 0, 0.8);
+}
+
+[class*="sidebar-light"] .brand-link:hover,
+[class*="sidebar-light"] .brand-link .pushmenu:hover {
+  color: #000;
+}
+
+.brand-link .pushmenu {
+  margin-right: 0.5rem;
+  font-size: 1rem;
+}
+
+.brand-link .brand-link {
+  padding: 0;
+  border-bottom: none;
+}
+
+.brand-link .brand-image {
+  float: left;
+  line-height: .8;
+  margin-left: .8rem;
+  margin-right: .5rem;
+  margin-top: -3px;
+  max-height: 33px;
+  width: auto;
+}
+
+.brand-link .brand-image-xs {
+  float: left;
+  line-height: .8;
+  margin-top: -.1rem;
+  max-height: 33px;
+  width: auto;
+}
+
+.brand-link .brand-image-xl {
+  line-height: .8;
+  max-height: 40px;
+  width: auto;
+}
+
+.brand-link .brand-image-xl.single {
+  margin-top: -.3rem;
+}
+
+.brand-link.text-sm .brand-image,
+.text-sm .brand-link .brand-image {
+  height: 29px;
+  margin-bottom: -.25rem;
+  margin-left: .95rem;
+  margin-top: -.25rem;
+}
+
+.brand-link.text-sm .brand-image-xs,
+.text-sm .brand-link .brand-image-xs {
+  margin-top: -.2rem;
+  max-height: 29px;
+}
+
+.brand-link.text-sm .brand-image-xl,
+.text-sm .brand-link .brand-image-xl {
+  margin-top: -.225rem;
+  max-height: 38px;
+}
+
+.main-sidebar {
+  height: 100vh;
+  overflow-y: hidden;
+  z-index: 1038;
+}
+
+.main-sidebar a:-moz-focusring {
+  border: 0;
+  outline: none;
+}
+
+.sidebar {
+  height: calc(100% - (3.5rem + 1px));
+  overflow-x: hidden;
+  overflow-y: initial;
+  padding-bottom: 0;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0;
+  scrollbar-color: #a9a9a9 transparent;
+  scrollbar-width: none;
+}
+
+.sidebar::-webkit-scrollbar-thumb {
+  background-color: #a9a9a9;
+}
+
+.sidebar::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.sidebar::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+.sidebar::-webkit-scrollbar {
+  width: 0;
+}
+
+.sidebar:hover {
+  scrollbar-width: thin;
+}
+
+.sidebar:hover::-webkit-scrollbar {
+  width: .5rem;
+  height: .5rem;
+}
+
+.brand-link.border-bottom-0 ~ .sidebar {
+  height: calc(100% - 3.5rem);
+}
+
+.user-panel {
+  position: relative;
+}
+
+[class*="sidebar-dark"] .user-panel {
+  border-bottom: 1px solid #4f5962;
+}
+
+[class*="sidebar-light"] .user-panel {
+  border-bottom: 1px solid #dee2e6;
+}
+
+.user-panel,
+.user-panel .info {
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.user-panel .image {
+  display: inline-block;
+  padding-left: 0.8rem;
+}
+
+.user-panel img {
+  height: auto;
+  width: 2.1rem;
+}
+
+.user-panel .info {
+  display: inline-block;
+  padding: 5px 5px 5px 10px;
+}
+
+.user-panel .status,
+.user-panel .dropdown-menu {
+  font-size: 0.875rem;
+}
+
+.nav-sidebar .nav-item > .nav-link {
+  margin-bottom: .2rem;
+}
+
+.nav-sidebar .nav-item > .nav-link .right {
+  transition: transform ease-in-out 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nav-sidebar .nav-item > .nav-link .right {
+    transition: none;
+  }
+}
+
+.nav-sidebar .nav-link > .right,
+.nav-sidebar .nav-link > p > .right {
+  position: absolute;
+  right: 1rem;
+  top: .7rem;
+}
+
+.nav-sidebar .nav-link > .right i,
+.nav-sidebar .nav-link > .right span,
+.nav-sidebar .nav-link > p > .right i,
+.nav-sidebar .nav-link > p > .right span {
+  margin-left: .5rem;
+}
+
+.nav-sidebar .nav-link > .right:nth-child(2),
+.nav-sidebar .nav-link > p > .right:nth-child(2) {
+  right: 2.2rem;
+}
+
+.nav-sidebar .menu-open > .nav-treeview {
+  display: block;
+}
+
+.nav-sidebar .menu-open > .nav-link svg.right,
+.nav-sidebar .menu-open > .nav-link i.right,
+.nav-sidebar .menu-is-opening > .nav-link svg.right,
+.nav-sidebar .menu-is-opening > .nav-link i.right {
+  transform: rotate(-90deg);
+}
+
+.nav-sidebar > .nav-item {
+  margin-bottom: 0;
+}
+
+.nav-sidebar > .nav-item .nav-icon {
+  margin-left: .05rem;
+  font-size: 1.2rem;
+  margin-right: .2rem;
+  text-align: center;
+  width: 1.6rem;
+}
+
+.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.fal, .nav-sidebar > .nav-item .nav-icon.fad, .nav-sidebar > .nav-item .nav-icon.svg-inline--fa, .nav-sidebar > .nav-item .nav-icon.ion {
+  font-size: 1.1rem;
+}
+
+.nav-sidebar > .nav-item .float-right {
+  margin-top: 3px;
+}
+
+.nav-sidebar .nav-treeview {
+  display: none;
+  list-style: none;
+  padding: 0;
+}
+
+.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
+  width: 1.6rem;
+}
+
+.nav-sidebar.nav-child-indent .nav-treeview {
+  transition: padding 0.3s ease-in-out;
+  padding-left: 1rem;
+}
+
+.text-sm .nav-sidebar.nav-child-indent .nav-treeview {
+  padding-left: .5rem;
+}
+
+.nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
+  padding-left: 2rem;
+  margin-left: -1rem;
+}
+
+.text-sm .nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
+  padding-left: 1rem;
+  margin-left: -.5rem;
+}
+
+.nav-sidebar .nav-header {
+  font-size: .9rem;
+  padding: 0.5rem 0.75rem;
+}
+
+.nav-sidebar .nav-link p {
+  display: inline;
+  margin: 0;
+  white-space: normal;
+}
+
+.sidebar-is-opening .sidebar .nav-sidebar .nav-link p {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+#sidebar-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+  bottom: 0;
+  display: none;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1037;
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-open #sidebar-overlay {
+    display: block;
+  }
+}
+
+[class*="sidebar-light-"] {
+  background-color: #fff;
+}
+
+[class*="sidebar-light-"] .user-panel a:hover {
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .user-panel .status {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #343a40;
+}
+
+[class*="sidebar-light-"] .user-panel .status:hover, [class*="sidebar-light-"] .user-panel .status:focus, [class*="sidebar-light-"] .user-panel .status:active {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .user-panel .dropdown-menu {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-light-"] .user-panel .dropdown-item {
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:active, [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:focus {
+  color: #343a40;
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
+[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active {
+  color: #000;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {
+  background-color: transparent;
+}
+
+[class*="sidebar-light-"] .nav-header {
+  background-color: inherit;
+  color: #292d32;
+}
+
+[class*="sidebar-light-"] .sidebar a {
+  color: #343a40;
+}
+
+[class*="sidebar-light-"] .sidebar a:hover {
+  text-decoration: none;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
+  color: #777;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #000;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-dark-"] {
+  background-color: #343a40;
+}
+
+[class*="sidebar-dark-"] .user-panel a:hover {
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .user-panel .status {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .user-panel .status:hover, [class*="sidebar-dark-"] .user-panel .status:focus, [class*="sidebar-dark-"] .user-panel .status:active {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .user-panel .dropdown-menu {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+  border-color: rgba(242, 242, 242, 0.1);
+}
+
+[class*="sidebar-dark-"] .user-panel .dropdown-item {
+  color: #212529;
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active {
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
+  color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {
+  background-color: transparent;
+}
+
+[class*="sidebar-dark-"] .nav-header {
+  background-color: inherit;
+  color: #d0d4db;
+}
+
+[class*="sidebar-dark-"] .sidebar a {
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .sidebar a:hover, [class*="sidebar-dark-"] .sidebar a:focus {
+  text-decoration: none;
+}
+
+[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
+  background-color: rgba(255, 255, 255, 0.9);
+  color: #343a40;
+}
+
+[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
+  border-color: rgba(255, 255, 255, 0.9);
+}
+
+[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
+  border-color: rgba(255, 255, 255, 0.9);
+}
+
+.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #007bff;
+}
+
+.sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #28a745;
+}
+
+.sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #17a2b8;
+}
+
+.sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #ffc107;
+}
+
+.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #dc3545;
+}
+
+.sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f8f9fa;
+}
+
+.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3c8dbc;
+}
+
+.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #001f3f;
+}
+
+.sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3d9970;
+}
+
+.sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #01ff70;
+}
+
+.sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f012be;
+}
+
+.sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #d81b60;
+}
+
+.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #007bff;
+}
+
+.sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6610f2;
+}
+
+.sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6f42c1;
+}
+
+.sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e83e8c;
+}
+
+.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #dc3545;
+}
+
+.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fd7e14;
+}
+
+.sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #ffc107;
+}
+
+.sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #28a745;
+}
+
+.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #20c997;
+}
+
+.sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #17a2b8;
+}
+
+.sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fff;
+}
+
+.sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview {
+  padding-left: 1rem;
+  margin-left: -.5rem;
+}
+
+.nav-flat {
+  margin: -0.25rem -0.5rem 0;
+}
+
+.nav-flat .nav-item > .nav-link {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.nav-flat .nav-item > .nav-link > .nav-icon {
+  margin-left: .55rem;
+}
+
+.nav-flat:not(.nav-child-indent) .nav-treeview .nav-item > .nav-link > .nav-icon {
+  margin-left: .4rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview {
+  padding-left: 0;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-icon {
+  margin-left: .85rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview {
+  border-left: .2rem solid;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.15rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.45rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.75rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 2.05rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-icon {
+  margin-left: .55rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-link {
+  padding-left: calc(1rem - .2rem);
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-icon {
+  margin-left: .35rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: .15rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: -.15rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: -.35rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon {
+  margin-left: .4rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon {
+  margin-left: .85rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.15rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.45rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.75rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 2.05rem;
+}
+
+.nav-flat .nav-icon {
+  transition: margin-left ease-in-out 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nav-flat .nav-icon {
+    transition: none;
+  }
+}
+
+.nav-flat .nav-treeview .nav-icon {
+  margin-left: -.2rem;
+}
+
+.nav-flat.nav-sidebar > .nav-item .nav-treeview,
+.nav-flat.nav-sidebar > .nav-item > .nav-treeview {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
+.nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
+  border-left: .2rem solid;
+}
+
+.nav-legacy {
+  margin: -0.25rem -0.5rem 0;
+}
+
+.nav-legacy.nav-sidebar .nav-item > .nav-link {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
+  margin-left: .55rem;
+}
+
+.text-sm .nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
+  margin-left: .75rem;
+}
+
+.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
+  background-color: inherit;
+  border-left: 3px solid transparent;
+  box-shadow: none;
+}
+
+.nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: calc(.55rem - 3px);
+}
+
+.text-sm .nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: calc(.75rem - 3px);
+}
+
+.text-sm .nav-legacy.nav-sidebar.nav-flat .nav-treeview .nav-item > .nav-link > .nav-icon {
+  margin-left: calc(.75rem - 3px);
+}
+
+.sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
+.sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon,
+.sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon {
+  transition: margin-left ease-in-out 0.3s;
+  margin-left: .6rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
+  .sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon,
+  .sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon {
+    transition: none;
+  }
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview {
+  padding-left: 1rem;
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview {
+  padding-left: 2rem;
+  margin-left: -1rem;
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview {
+  padding-left: .5rem;
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview {
+  padding-left: 1rem;
+  margin-left: -.5rem;
+}
+
+.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon {
+  margin-left: .55rem;
+}
+
+.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: .36rem;
+}
+
+.sidebar-mini.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,
+.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,
+.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview {
+  padding-left: 0;
+  margin-left: 0;
+}
+
+.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon {
+  margin-left: .75rem;
+}
+
+.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: calc(.75rem - 3px);
+}
+
+[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
+[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
+  color: #fff;
+}
+
+[class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
+  background-color: transparent;
+  color: #fff;
+}
+
+[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
+[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
+  color: #000;
+}
+
+[class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
+  background-color: transparent;
+  color: #000;
+}
+
+.nav-collapse-hide-child .menu-open > .nav-treeview {
+  max-height: -webkit-min-content;
+  max-height: -moz-min-content;
+  max-height: min-content;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+.sidebar-collapse .sidebar:not(:hover) .nav-collapse-hide-child .menu-open > .nav-treeview {
+  max-height: 0;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview,
+.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused
+.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview,
+.main-sidebar:not(.sidebar-no-expand):hover
+.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused
+.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview,
+.main-sidebar:not(.sidebar-no-expand):hover
+.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview {
+  max-height: -webkit-min-content;
+  max-height: -moz-min-content;
+  max-height: min-content;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+.nav-compact .nav-link,
+.nav-compact .nav-header {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.nav-compact .nav-header:not(:first-of-type) {
+  padding-top: 0.75rem;
+  padding-bottom: 0.25rem;
+}
+
+.nav-compact .nav-link > .right,
+.nav-compact .nav-link > p > .right {
+  top: .465rem;
+}
+
+.text-sm .nav-compact .nav-link > .right,
+.text-sm .nav-compact .nav-link > p > .right {
+  top: .7rem;
+}
+
+[class*="sidebar-dark"] .form-control-sidebar,
+[class*="sidebar-dark"] .btn-sidebar {
+  background-color: #3f474e;
+  border: 1px solid #56606a;
+  color: white;
+}
+
+[class*="sidebar-dark"] .form-control-sidebar:focus,
+[class*="sidebar-dark"] .btn-sidebar:focus {
+  border: 1px solid #7a8793;
+}
+
+[class*="sidebar-dark"] .btn-sidebar:hover {
+  background-color: #454d55;
+}
+
+[class*="sidebar-dark"] .btn-sidebar:focus {
+  background-color: #4b545c;
+}
+
+[class*="sidebar-dark"] .list-group-item {
+  background-color: #454d55;
+  border-color: #56606a;
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark"] .list-group-item:hover {
+  background-color: #4b545c;
+}
+
+[class*="sidebar-dark"] .list-group-item:focus {
+  background-color: #515a63;
+}
+
+[class*="sidebar-dark"] .list-group-item .search-path {
+  color: #adb5bd;
+}
+
+[class*="sidebar-light"] .form-control-sidebar,
+[class*="sidebar-light"] .btn-sidebar {
+  background-color: #f2f2f2;
+  border: 1px solid #d9d9d9;
+  color: #1f2d3d;
+}
+
+[class*="sidebar-light"] .form-control-sidebar:focus,
+[class*="sidebar-light"] .btn-sidebar:focus {
+  border: 1px solid #b3b3b3;
+}
+
+[class*="sidebar-light"] .btn-sidebar:hover {
+  background-color: #ececec;
+}
+
+[class*="sidebar-light"] .btn-sidebar:focus {
+  background-color: #e6e6e6;
+}
+
+[class*="sidebar-light"] .list-group-item {
+  border-color: #d9d9d9;
+}
+
+[class*="sidebar-light"] .list-group-item:hover {
+  background-color: #ececec;
+}
+
+[class*="sidebar-light"] .list-group-item:focus {
+  background-color: #e6e6e6;
+}
+
+[class*="sidebar-light"] .list-group-item .search-path {
+  color: #6c757d;
+}
+
+.sidebar .form-inline .input-group {
+  width: 100%;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+}
+
+.sidebar nav .form-inline {
+  margin-bottom: .2rem;
+}
+
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-sidebar {
+  margin-left: 0;
+}
+
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .content-wrapper,
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-header,
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-footer {
+  z-index: 9999;
+  position: relative;
+}
+
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .control-sidebar {
+  z-index: 9999;
+}
+
+.sidebar-collapse .form-control-sidebar,
+.sidebar-collapse .form-control-sidebar ~ .input-group-append,
+.sidebar-collapse .sidebar-search-results {
+  display: none;
+}
+
+[data-widget="sidebar-search"] input[type="search"]::-ms-clear, [data-widget="sidebar-search"] input[type="search"]::-ms-reveal {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+[data-widget="sidebar-search"] input[type="search"]::-webkit-search-cancel-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-decoration, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-decoration {
+  display: none;
+}
+
+.sidebar-search-results {
+  position: relative;
+  display: none;
+  width: 100%;
+}
+
+.sidebar-search-open .sidebar-search-results {
+  display: inline-block;
+}
+
+.sidebar-search-results .search-title {
+  margin-bottom: -.1rem;
+}
+
+.sidebar-search-results .list-group {
+  position: absolute;
+  width: 100%;
+  z-index: 1039;
+}
+
+.sidebar-search-results .list-group > .list-group-item {
+  padding: 0.375rem 0.75rem;
+}
+
+.sidebar-search-results .list-group > .list-group-item:-moz-focusring {
+  margin-top: 0;
+  border-left: 1px solid transparent;
+  border-top: 0;
+  border-bottom: 1px solid transparent;
+}
+
+.sidebar-search-results .list-group > .list-group-item:first-child {
+  margin-top: 0;
+  border-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.sidebar-search-results .search-path {
+  font-size: 80%;
+}
+
+.sidebar-search-open .btn,
+.sidebar-search-open .form-control {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+[class*="sidebar-dark"] .sidebar-custom {
+  border-top: 1px solid #4f5962;
+}
+
+[class*="sidebar-light"] .sidebar-custom {
+  border-top: 1px solid #dee2e6;
+}
+
+.layout-fixed.sidebar-collapse .hide-on-collapse {
+  display: none;
+}
+
+.layout-fixed.sidebar-collapse:hover .hide-on-collapse {
+  display: block;
+}
+
+.layout-fixed.text-sm .main-sidebar-custom .sidebar {
+  height: calc(100% - ((2.93725rem + 3.8rem) + 1px));
+}
+
+.layout-fixed.text-sm .main-sidebar-custom .sidebar-custom {
+  height: 3.8rem;
+  padding: 0.85rem 0.5rem;
+}
+
+.layout-fixed .main-sidebar-custom {
+  height: -webkit-fill-available;
+  height: -moz-available;
+  height: -ms-stretch;
+  height: stretch;
+}
+
+.layout-fixed .main-sidebar-custom .sidebar {
+  height: calc(100% - ((3.5rem + 4rem) + 1px));
+}
+
+.layout-fixed .main-sidebar-custom .sidebar-custom {
+  height: 4rem;
+  padding: 0.85rem 0.5rem;
+}
+
+.layout-fixed .main-sidebar-custom-lg .sidebar {
+  height: calc(100% - ((3.5rem + 6rem) + 1px));
+}
+
+.layout-fixed .main-sidebar-custom-lg .sidebar-custom {
+  height: 6rem;
+}
+
+.layout-fixed .main-sidebar-custom-xl .sidebar {
+  height: calc(100% - ((3.5rem + 8rem) + 1px));
+}
+
+.layout-fixed .main-sidebar-custom-xl .sidebar-custom {
+  height: 8rem;
+}
+
+.layout-fixed .main-sidebar-custom .pos-right,
+.layout-fixed .main-sidebar-custom-lg .pos-right,
+.layout-fixed .main-sidebar-custom-xl .pos-right {
+  position: absolute;
+  right: .5rem;
+}
+
+.sidebar-hidden .main-sidebar,
+.sidebar-hidden.sidebar-mini.sidebar-collapse .main-sidebar {
+  display: none !important;
+}
+
+.sidebar-hidden .content-wrapper,
+.sidebar-hidden .main-header,
+.sidebar-hidden.sidebar-mini.sidebar-collapse .content-wrapper,
+.sidebar-hidden.sidebar-mini.sidebar-collapse .main-header {
+  margin-left: 0 !important;
+}
+
+.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3f6791;
+}
+
+.dark-mode .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.dark-mode .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #00bc8c;
+}
+
+.dark-mode .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3498db;
+}
+
+.dark-mode .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f39c12;
+}
+
+.dark-mode .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e74c3c;
+}
+
+.dark-mode .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f8f9fa;
+}
+
+.dark-mode .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.dark-mode .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #86bad8;
+}
+
+.dark-mode .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #002c59;
+}
+
+.dark-mode .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #74c8a3;
+}
+
+.dark-mode .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #67ffa9;
+}
+
+.dark-mode .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f672d8;
+}
+
+.dark-mode .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #ed6c9b;
+}
+
+.dark-mode .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3f6791;
+}
+
+.dark-mode .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6610f2;
+}
+
+.dark-mode .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6f42c1;
+}
+
+.dark-mode .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e83e8c;
+}
+
+.dark-mode .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e74c3c;
+}
+
+.dark-mode .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fd7e14;
+}
+
+.dark-mode .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f39c12;
+}
+
+.dark-mode .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #00bc8c;
+}
+
+.dark-mode .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #20c997;
+}
+
+.dark-mode .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3498db;
+}
+
+.dark-mode .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fff;
+}
+
+.dark-mode .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.dark-mode .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.dark-mode [class*="sidebar-light-"] .sidebar a {
+  color: #343a40;
+}
+
+.dark-mode [class*="sidebar-light-"] .sidebar a:hover {
+  text-decoration: none;
+}
+
+.logo-xs,
+.logo-xl {
+  opacity: 1;
+  position: absolute;
+  visibility: visible;
+}
+
+.logo-xs.brand-image-xs,
+.logo-xl.brand-image-xs {
+  left: 18px;
+  top: 12px;
+}
+
+.logo-xs.brand-image-xl,
+.logo-xl.brand-image-xl {
+  left: 12px;
+  top: 6px;
+}
+
+.logo-xs {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.logo-xs.brand-image-xl {
+  left: 16px;
+  top: 8px;
+}
+
+.brand-link.logo-switch::before {
+  content: "\00a0";
+}
+
+@media (min-width: 992px) {
+  .sidebar-mini .nav-sidebar,
+  .sidebar-mini .nav-sidebar > .nav-header,
+  .sidebar-mini .nav-sidebar .nav-link {
+    white-space: nowrap;
+  }
+  .sidebar-mini.sidebar-collapse .d-hidden-mini {
+    display: none;
+  }
+  .sidebar-mini.sidebar-collapse .content-wrapper,
+  .sidebar-mini.sidebar-collapse .main-footer,
+  .sidebar-mini.sidebar-collapse .main-header {
+    margin-left: 4.6rem !important;
+  }
+  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
+    display: none;
+  }
+  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
+    width: 0;
+    white-space: nowrap;
+  }
+  .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
+  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini.sidebar-collapse .brand-text {
+    margin-left: -10px;
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .logo-xl {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .logo-xs {
+    display: inline-block;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar {
+    overflow-x: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
+    margin-left: 0;
+    width: 4.6rem;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
+    float: none;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
+    width: 250px;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
+    text-align: left;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
+    float: left;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
+    display: inline-block;
+    margin-left: 0;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
+    margin-right: .5rem;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
+    display: block !important;
+    transform: translateZ(0);
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
+    display: inline-block !important;
+  }
+  .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
+    display: block !important;
+  }
+  .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
+    width: 4.6rem;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-mini.sidebar-collapse .main-sidebar {
+    box-shadow: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-mini-md .nav-sidebar,
+  .sidebar-mini-md .nav-sidebar > .nav-header,
+  .sidebar-mini-md .nav-sidebar .nav-link {
+    white-space: nowrap;
+  }
+  .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
+    display: none;
+  }
+  .sidebar-mini-md.sidebar-collapse .content-wrapper,
+  .sidebar-mini-md.sidebar-collapse .main-footer,
+  .sidebar-mini-md.sidebar-collapse .main-header {
+    margin-left: 4.6rem !important;
+  }
+  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
+    display: none;
+  }
+  .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
+    width: 0;
+    white-space: nowrap;
+  }
+  .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info,
+  .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini-md.sidebar-collapse .brand-text {
+    margin-left: -10px;
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .logo-xl {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .logo-xs {
+    display: inline-block;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar {
+    overflow-x: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar::before {
+    margin-left: 0;
+    width: 4.6rem;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
+    float: none;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
+    width: 250px;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
+    text-align: left;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
+    float: left;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
+    display: inline-block;
+    margin-left: 0;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
+    margin-right: .5rem;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
+    display: block !important;
+    transform: translateZ(0);
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
+    display: inline-block !important;
+  }
+  .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
+    display: block !important;
+  }
+  .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
+    width: 4.6rem;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .sidebar-mini-md.sidebar-collapse .main-sidebar {
+    box-shadow: none !important;
+  }
+}
+
+.sidebar-mini-xs .nav-sidebar,
+.sidebar-mini-xs .nav-sidebar > .nav-header,
+.sidebar-mini-xs .nav-sidebar .nav-link {
+  white-space: nowrap;
+}
+
+.sidebar-mini-xs.sidebar-collapse .d-hidden-mini {
+  display: none;
+}
+
+.sidebar-mini-xs.sidebar-collapse .content-wrapper,
+.sidebar-mini-xs.sidebar-collapse .main-footer,
+.sidebar-mini-xs.sidebar-collapse .main-header {
+  margin-left: 4.6rem !important;
+}
+
+.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-header {
+  display: none;
+}
+
+.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
+  width: 0;
+  white-space: nowrap;
+}
+
+.sidebar-mini-xs.sidebar-collapse .sidebar .user-panel > .info,
+.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
+.sidebar-mini-xs.sidebar-collapse .brand-text {
+  margin-left: -10px;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .logo-xl {
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .logo-xs {
+  display: inline-block;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar {
+  overflow-x: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar, .sidebar-mini-xs.sidebar-collapse .main-sidebar::before {
+  margin-left: 0;
+  width: 4.6rem;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar .user-panel .image {
+  float: none;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
+  width: 250px;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
+  width: 250px;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
+  text-align: left;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
+  float: left;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
+  display: inline-block;
+  margin-left: 0;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
+  margin-right: .5rem;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
+  display: block !important;
+  transform: translateZ(0);
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
+  display: inline-block !important;
+}
+
+.sidebar-mini-xs.sidebar-collapse .visible-sidebar-mini {
+  display: block !important;
+}
+
+.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
+  width: 250px;
+}
+
+.sidebar-mini-xs.sidebar-collapse.layout-fixed .brand-link {
+  width: 4.6rem;
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 3rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 4rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy .nav-link {
+  width: 250px;
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 3rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 4rem);
+}
+
+.sidebar-mini .main-sidebar .nav-flat .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat .nav-link {
+  width: 250px;
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 2);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 3);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 4);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - .5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 1.5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 2.5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link {
+  width: 250px;
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
+  width: calc(250px - .5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 2);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 3);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 4);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 5);
+}
+
+.sidebar-mini .main-sidebar .nav-link,
+.sidebar-mini-md .main-sidebar .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-link {
+  width: calc(250px - 0.5rem * 2);
+  transition: width ease-in-out 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-mini .main-sidebar .nav-link,
+  .sidebar-mini-md .main-sidebar .nav-link,
+  .sidebar-mini-xs .main-sidebar .nav-link {
+    transition: none;
+  }
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar-search-results {
+  display: none;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
+  width: 3.6rem;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-legacy .nav-link {
+  width: 4.6rem;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link {
+  width: calc(4.6rem - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header {
+  display: inline-block;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .nav-link {
+  width: calc(250px - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar {
+  display: inline-block;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results {
+  display: inline-block;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent .nav-link {
+  width: calc(250px - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy .nav-link {
+  width: 250px;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px - 1rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 1rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 2rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 3rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 4rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat .nav-link {
+  width: 250px;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 3);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 4);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-compact .nav-link {
+  width: calc(250px - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link {
+  width: 250px;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
+  width: calc(250px - .5rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 3);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 4);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 5);
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover {
+  width: 4.6rem;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-header {
+  display: none;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link {
+  width: 4.6rem !important;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel .image {
+  float: none !important;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xs {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xl {
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
+  padding-left: 0;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p {
+  margin-left: -10px;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+  display: inline-block;
+  width: 0;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon {
+  margin-right: 0;
+}
+
+.nav-sidebar {
+  position: relative;
+}
+
+.nav-sidebar:hover {
+  overflow: visible;
+}
+
+.sidebar-form,
+.nav-sidebar > .nav-header {
+  overflow: hidden;
+  text-overflow: clip;
+}
+
+.nav-sidebar .nav-item > .nav-link {
+  position: relative;
+}
+
+.nav-sidebar .nav-item > .nav-link > .float-right {
+  margin-top: -7px;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+}
+
+.sidebar .nav-link p,
+.main-sidebar .brand-text,
+.main-sidebar .logo-xs,
+.main-sidebar .logo-xl,
+.sidebar .user-panel .info {
+  transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar .nav-link p,
+  .main-sidebar .brand-text,
+  .main-sidebar .logo-xs,
+  .main-sidebar .logo-xl,
+  .sidebar .user-panel .info {
+    transition: none;
+  }
+}
+
+html.control-sidebar-animate {
+  overflow-x: hidden;
+}
+
+.control-sidebar {
+  bottom: calc(3.5rem + 1px);
+  position: absolute;
+  top: calc(3.5rem + 1px);
+  z-index: 1031;
+}
+
+.control-sidebar, .control-sidebar::before {
+  bottom: calc(3.5rem + 1px);
+  display: none;
+  right: -250px;
+  width: 250px;
+  transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control-sidebar, .control-sidebar::before {
+    transition: none;
+  }
+}
+
+.control-sidebar::before {
+  content: "";
+  display: block;
+  position: fixed;
+  top: 0;
+  z-index: -1;
+}
+
+body.text-sm .control-sidebar {
+  bottom: calc(2.9365rem + 1px);
+  top: calc(2.93725rem + 1px);
+}
+
+.main-header.text-sm ~ .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.main-footer.text-sm ~ .control-sidebar {
+  bottom: calc(2.9365rem + 1px);
+}
+
+.control-sidebar-push-slide .content-wrapper,
+.control-sidebar-push-slide .main-footer {
+  transition: margin-right 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control-sidebar-push-slide .content-wrapper,
+  .control-sidebar-push-slide .main-footer {
+    transition: none;
+  }
+}
+
+.control-sidebar-open .control-sidebar {
+  display: block !important;
+}
+
+.control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before {
+  right: 0;
+}
+
+.control-sidebar-open.control-sidebar-push .content-wrapper,
+.control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper,
+.control-sidebar-open.control-sidebar-push-slide .main-footer {
+  margin-right: 250px;
+}
+
+.control-sidebar-slide-open .control-sidebar {
+  display: block;
+}
+
+.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
+  right: 0;
+  transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
+    transition: none;
+  }
+}
+
+.control-sidebar-slide-open.control-sidebar-push .content-wrapper,
+.control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,
+.control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
+  margin-right: 250px;
+}
+
+.control-sidebar-dark {
+  background-color: #343a40;
+}
+
+.control-sidebar-dark,
+.control-sidebar-dark a,
+.control-sidebar-dark .nav-link {
+  color: #c2c7d0;
+}
+
+.control-sidebar-dark a:hover {
+  color: #fff;
+}
+
+.control-sidebar-dark h1,
+.control-sidebar-dark h2,
+.control-sidebar-dark h3,
+.control-sidebar-dark h4,
+.control-sidebar-dark h5,
+.control-sidebar-dark h6,
+.control-sidebar-dark label {
+  color: #fff;
+}
+
+.control-sidebar-dark .nav-tabs {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-bottom: 0;
+  margin-bottom: 5px;
+}
+
+.control-sidebar-dark .nav-tabs .nav-item {
+  margin: 0;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link {
+  border-radius: 0;
+  padding: 10px 20px;
+  position: relative;
+  text-align: center;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link, .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
+  border: 0;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-top-color: transparent;
+  color: #fff;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link.active {
+  background-color: #343a40;
+}
+
+.control-sidebar-dark .tab-pane {
+  padding: 10px 15px;
+}
+
+.control-sidebar-light {
+  color: #4b545c;
+  background-color: #fff;
+  border-left: 1px solid #dee2e6;
+}
+
+.text-sm .dropdown-menu {
+  font-size: 0.875rem !important;
+}
+
+.text-sm .dropdown-toggle::after {
+  vertical-align: .2rem;
+}
+
+.dropdown-item-title {
+  font-size: 1rem;
+  margin: 0;
+}
+
+.dropdown-icon::after {
+  margin-left: 0;
+}
+
+.dropdown-menu-lg {
+  max-width: 300px;
+  min-width: 280px;
+  padding: 0;
+}
+
+.dropdown-menu-lg .dropdown-divider {
+  margin: 0;
+}
+
+.dropdown-menu-lg .dropdown-item {
+  padding: 0.5rem 1rem;
+}
+
+.dropdown-menu-lg p {
+  margin: 0;
+  white-space: normal;
+}
+
+.dropdown-submenu {
+  position: relative;
+}
+
+.dropdown-submenu > a::after {
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+  float: right;
+  margin-left: .5rem;
+  margin-top: .5rem;
+}
+
+.dropdown-submenu > .dropdown-menu {
+  left: 100%;
+  margin-left: 0;
+  margin-top: 0;
+  top: 0;
+}
+
+.dropdown-hover:hover > .dropdown-menu, .dropdown-hover.nav-item.dropdown:hover > .dropdown-menu,
+.dropdown-hover .dropdown-submenu:hover > .dropdown-menu, .dropdown-hover.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+}
+
+.dropdown-menu-xl {
+  max-width: 420px;
+  min-width: 360px;
+  padding: 0;
+}
+
+.dropdown-menu-xl .dropdown-divider {
+  margin: 0;
+}
+
+.dropdown-menu-xl .dropdown-item {
+  padding: 0.5rem 1rem;
+}
+
+.dropdown-menu-xl p {
+  margin: 0;
+  white-space: normal;
+}
+
+.dropdown-footer,
+.dropdown-header {
+  display: block;
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  text-align: center;
+}
+
+.open:not(.dropup) > .animated-dropdown-menu {
+  animation: flipInX 0.7s both;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
 .navbar-custom-menu > .navbar-nav > li {
   position: relative;
 }
+
 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
   position: absolute;
   right: 0;
   left: auto;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .navbar-custom-menu > .navbar-nav {
     float: right;
   }
@@ -1218,280 +15046,18071 @@ a:focus {
     right: 5%;
     left: auto;
     border: 1px solid #ddd;
-    background: #fff;
+    background-color: #fff;
   }
 }
-/*
- * Component: Form
- * ---------------
- */
-.form-control {
+
+.navbar-nav > .user-menu > .nav-link::after {
+  content: none;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  padding: 0;
+  width: 280px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu,
+.navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
+  height: 175px;
+  padding: 10px;
+  text-align: center;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
+  z-index: 5;
+  height: 90px;
+  width: 90px;
+  border: 3px solid;
+  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
+  z-index: 5;
+  font-size: 17px;
+  margin-top: 10px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
+  display: block;
+  font-size: 12px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  border-bottom: 1px solid #495057;
+  border-top: 1px solid #dee2e6;
+  padding: 15px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+@media (min-width: 576px) {
+  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
+    background-color: #fff !important;
+    color: #495057 !important;
+  }
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
+  background-color: #f8f9fa;
+  padding: 10px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
+  color: #6c757d;
+}
+
+@media (min-width: 576px) {
+  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
+    background-color: #f8f9fa;
+  }
+}
+
+.navbar-nav > .user-menu .user-image {
+  border-radius: 50%;
+  float: left;
+  height: 2.1rem;
+  margin-right: 10px;
+  margin-top: -2px;
+  width: 2.1rem;
+}
+
+@media (min-width: 576px) {
+  .navbar-nav > .user-menu .user-image {
+    float: none;
+    line-height: 10px;
+    margin-right: .4rem;
+    margin-top: -8px;
+  }
+}
+
+.dark-mode .dropdown-menu {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .dropdown-item {
+  color: #fff;
+}
+
+.dark-mode .dropdown-item:focus, .dark-mode .dropdown-item:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .dropdown-divider {
+  border-color: #6c757d;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
+  background-color: #3a4047;
+  color: #fff;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
+  color: #fff;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
+  background-color: #3f474e;
+  color: #dee2e6;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
+  background-color: #454d55;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  border-color: #6c757d;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
+  background-color: transparent !important;
+  color: #fff !important;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus {
+  color: #ced4da !important;
+}
+
+.nav-pills .nav-link {
+  color: #6c757d;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #007bff;
+}
+
+.nav-pills .nav-item.dropdown.show .nav-link:hover {
+  color: #fff;
+}
+
+.nav-tabs.flex-column {
+  border-bottom: 0;
+  border-right: 1px solid #dee2e6;
+}
+
+.nav-tabs.flex-column .nav-link {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+  margin-right: -1px;
+}
+
+.nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus {
+  border-color: #e9ecef transparent #e9ecef #e9ecef;
+}
+
+.nav-tabs.flex-column .nav-link.active,
+.nav-tabs.flex-column .nav-item.show .nav-link {
+  border-color: #dee2e6 transparent #dee2e6 #dee2e6;
+}
+
+.nav-tabs.flex-column.nav-tabs-right {
+  border-left: 1px solid #dee2e6;
+  border-right: 0;
+}
+
+.nav-tabs.flex-column.nav-tabs-right .nav-link {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0.25rem;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0.25rem;
+  margin-left: -1px;
+}
+
+.nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
+  border-color: #e9ecef #e9ecef #e9ecef transparent;
+}
+
+.nav-tabs.flex-column.nav-tabs-right .nav-link.active,
+.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
+  border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
+}
+
+.navbar-no-expand {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-no-expand .nav-link {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.navbar-no-expand .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-light {
+  background-color: #f8f9fa;
+}
+
+.navbar-dark {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.navbar-primary {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar,
+.navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #0071eb;
+  border-color: #0065d1;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus,
+.navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #006fe6;
+  border-color: #0065d1 !important;
+  color: #343a40;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar,
+.navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1486ff;
+  border-color: #2e93ff;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus,
+.navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1a88ff;
+  border-color: #2e93ff !important;
+  color: #fff;
+}
+
+.navbar-secondary {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar,
+.navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus,
+.navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar,
+.navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus,
+.navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.navbar-success {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar,
+.navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #24973e;
+  border-color: #1f8236;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus,
+.navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #23923d;
+  border-color: #1f8236 !important;
+  color: #343a40;
+}
+
+.navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar,
+.navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2cb74c;
+  border-color: #31cc54;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus,
+.navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #2dbc4e;
+  border-color: #31cc54 !important;
+  color: #fff;
+}
+
+.navbar-info {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar,
+.navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1592a6;
+  border-color: #127e8f;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus,
+.navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #148ea1;
+  border-color: #127e8f !important;
+  color: #343a40;
+}
+
+.navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar,
+.navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #19b2ca;
+  border-color: #1cc6e1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus,
+.navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1ab6cf;
+  border-color: #1cc6e1 !important;
+  color: #fff;
+}
+
+.navbar-warning {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar,
+.navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f2b500;
+  border-color: #d8a200;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus,
+.navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #edb100;
+  border-color: #d8a200 !important;
+  color: #343a40;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar,
+.navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ffc61b;
+  border-color: #ffcc35;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus,
+.navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ffc721;
+  border-color: #ffcc35 !important;
+  color: #fff;
+}
+
+.navbar-danger {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar,
+.navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #d72536;
+  border-color: #c22231;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus,
+.navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #d32535;
+  border-color: #c22231 !important;
+  color: #343a40;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar,
+.navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #df4655;
+  border-color: #e35c69;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus,
+.navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e04b59;
+  border-color: #e35c69 !important;
+  color: #fff;
+}
+
+.navbar-lightblue {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar,
+.navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3781ad;
+  border-color: #317399;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus,
+.navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #367fa9;
+  border-color: #317399 !important;
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar,
+.navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #4897c5;
+  border-color: #5ba2cb;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus,
+.navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4c99c6;
+  border-color: #5ba2cb !important;
+  color: #fff;
+}
+
+.navbar-navy {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar,
+.navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00152b;
+  border-color: #000811;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus,
+.navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #001226;
+  border-color: #000811 !important;
+  color: #343a40;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar,
+.navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #002953;
+  border-color: #00366d;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus,
+.navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #002c59;
+  border-color: #00366d !important;
+  color: #fff;
+}
+
+.navbar-olive {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar,
+.navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #378a65;
+  border-color: #307858;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus,
+.navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #368763;
+  border-color: #307858 !important;
+  color: #343a40;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar,
+.navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #43a87b;
+  border-color: #4cb888;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus,
+.navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #44ab7d;
+  border-color: #4cb888 !important;
+  color: #fff;
+}
+
+.navbar-lime {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar,
+.navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00ec67;
+  border-color: #00d25c;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus,
+.navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00e765;
+  border-color: #00d25c !important;
+  color: #343a40;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar,
+.navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #15ff7b;
+  border-color: #2fff8a;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus,
+.navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1bff7e;
+  border-color: #2fff8a !important;
+  color: #fff;
+}
+
+.navbar-fuchsia {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar,
+.navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #df0eb0;
+  border-color: #c70d9d;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus,
+.navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #db0ead;
+  border-color: #c70d9d !important;
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar,
+.navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f125c3;
+  border-color: #f33dca;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus,
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f22ac5;
+  border-color: #f33dca !important;
+  color: #fff;
+}
+
+.navbar-maroon {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar,
+.navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #c61958;
+  border-color: #af164e;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus,
+.navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #c11856;
+  border-color: #af164e !important;
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar,
+.navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e4246a;
+  border-color: #e63a79;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus,
+.navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e4286d;
+  border-color: #e63a79 !important;
+  color: #fff;
+}
+
+.navbar-blue {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar,
+.navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #0071eb;
+  border-color: #0065d1;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus,
+.navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #006fe6;
+  border-color: #0065d1 !important;
+  color: #343a40;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar,
+.navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1486ff;
+  border-color: #2e93ff;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus,
+.navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1a88ff;
+  border-color: #2e93ff !important;
+  color: #fff;
+}
+
+.navbar-indigo {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar,
+.navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #5d0ce1;
+  border-color: #530bc9;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus,
+.navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #5b0cdd;
+  border-color: #530bc9 !important;
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar,
+.navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7223f3;
+  border-color: #823cf4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus,
+.navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7528f3;
+  border-color: #823cf4 !important;
+  color: #fff;
+}
+
+.navbar-purple {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar,
+.navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #663bb4;
+  border-color: #5b35a0;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus,
+.navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #643ab0;
+  border-color: #5b35a0 !important;
+  color: #343a40;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar,
+.navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7b51c6;
+  border-color: #8965cc;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus,
+.navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7e55c7;
+  border-color: #8965cc !important;
+  color: #fff;
+}
+
+.navbar-pink {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar,
+.navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e62c81;
+  border-color: #de1a74;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus,
+.navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e5277e;
+  border-color: #de1a74 !important;
+  color: #343a40;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar,
+.navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ea5097;
+  border-color: #ed67a4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus,
+.navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #eb559a;
+  border-color: #ed67a4 !important;
+  color: #fff;
+}
+
+.navbar-red {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar,
+.navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #d72536;
+  border-color: #c22231;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus,
+.navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #d32535;
+  border-color: #c22231 !important;
+  color: #343a40;
+}
+
+.navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar,
+.navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #df4655;
+  border-color: #e35c69;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus,
+.navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e04b59;
+  border-color: #e35c69 !important;
+  color: #fff;
+}
+
+.navbar-orange {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar,
+.navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fa7302;
+  border-color: #e16702;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus,
+.navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f57102;
+  border-color: #e16702 !important;
+  color: #343a40;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar,
+.navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fd8928;
+  border-color: #fd9742;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus,
+.navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #fd8c2d;
+  border-color: #fd9742 !important;
+  color: #fff;
+}
+
+.navbar-yellow {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar,
+.navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f2b500;
+  border-color: #d8a200;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus,
+.navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #edb100;
+  border-color: #d8a200 !important;
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar,
+.navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ffc61b;
+  border-color: #ffcc35;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus,
+.navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ffc721;
+  border-color: #ffcc35 !important;
+  color: #fff;
+}
+
+.navbar-green {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar,
+.navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #24973e;
+  border-color: #1f8236;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus,
+.navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #23923d;
+  border-color: #1f8236 !important;
+  color: #343a40;
+}
+
+.navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar,
+.navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2cb74c;
+  border-color: #31cc54;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus,
+.navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #2dbc4e;
+  border-color: #31cc54 !important;
+  color: #fff;
+}
+
+.navbar-teal {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar,
+.navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1db78a;
+  border-color: #1aa179;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus,
+.navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1cb386;
+  border-color: #1aa179 !important;
+  color: #343a40;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar,
+.navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #23dba4;
+  border-color: #38dfae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus,
+.navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #26dca6;
+  border-color: #38dfae !important;
+  color: #fff;
+}
+
+.navbar-cyan {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar,
+.navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1592a6;
+  border-color: #127e8f;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus,
+.navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #148ea1;
+  border-color: #127e8f !important;
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar,
+.navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #19b2ca;
+  border-color: #1cc6e1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus,
+.navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1ab6cf;
+  border-color: #1cc6e1 !important;
+  color: #fff;
+}
+
+.navbar-white {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar,
+.navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: whitesmoke;
+  border-color: #e8e8e8;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus,
+.navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f2f2f2;
+  border-color: #e8e8e8 !important;
+  color: #343a40;
+}
+
+.navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar,
+.navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: white;
+  border-color: white;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus,
+.navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: white;
+  border-color: white !important;
+  color: #fff;
+}
+
+.navbar-gray {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar,
+.navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus,
+.navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar,
+.navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus,
+.navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.navbar-gray-dark {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar,
+.navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2b3035;
+  border-color: #1f2327;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus,
+.navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #292d32;
+  border-color: #1f2327 !important;
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar,
+.navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3d444b;
+  border-color: #495159;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus,
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #3f474e;
+  border-color: #495159 !important;
+  color: #fff;
+}
+
+.navbar-nav-not-expanded {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-nav-not-expanded .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-nav-not-expanded .nav-link {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.dark-mode .nav-pills .nav-link {
+  color: #ced4da;
+}
+
+.dark-mode .nav-tabs {
+  border-color: #56606a;
+}
+
+.dark-mode .nav-tabs .nav-link:focus,
+.dark-mode .nav-tabs .nav-link:hover {
+  border-color: #56606a;
+}
+
+.dark-mode .nav-tabs .nav-item.show .nav-link,
+.dark-mode .nav-tabs .nav-link.active {
+  background-color: #343a40;
+  border-color: #56606a #56606a transparent #56606a;
+  color: #fff;
+}
+
+.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
+.dark-mode .nav-tabs.flex-column .nav-link.active,
+.dark-mode .nav-tabs.flex-column .nav-link:focus,
+.dark-mode .nav-tabs.flex-column .nav-link:hover {
+  border-color: #56606a transparent #56606a #56606a;
+}
+
+.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
+.dark-mode .nav-tabs.flex-column .nav-link:focus,
+.dark-mode .nav-tabs.flex-column .nav-link:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .nav-tabs.flex-column.nav-tabs-right {
+  border-color: #56606a;
+}
+
+.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
+  border-color: #56606a #56606a #56606a transparent;
+}
+
+.dark-mode .navbar-light {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .navbar-dark {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.dark-mode .navbar-primary {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar,
+.dark-mode .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #395d83;
+  border-color: #315071;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #375a7f;
+  border-color: #315071 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar,
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45719f;
+  border-color: #4d7eb1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4774a3;
+  border-color: #4d7eb1 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar,
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar,
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-success {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar,
+.dark-mode .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00a87d;
+  border-color: #008e6a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00a379;
+  border-color: #008e6a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar,
+.dark-mode .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00d09b;
+  border-color: #00eaae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00d69f;
+  border-color: #00eaae !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-info {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar,
+.dark-mode .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #268fd5;
+  border-color: #2280bf;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #258cd1;
+  border-color: #2280bf !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar,
+.dark-mode .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45a1de;
+  border-color: #5bace2;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4aa3df;
+  border-color: #5bace2 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-warning {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar,
+.dark-mode .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e5910c;
+  border-color: #cd820a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e08e0b;
+  border-color: #cd820a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar,
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f4a425;
+  border-color: #f5ae3e;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f4a62a;
+  border-color: #f5ae3e !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-danger {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar,
+.dark-mode .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e53b2a;
+  border-color: #da2d1b;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e43725;
+  border-color: #da2d1b !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar,
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e95d4e;
+  border-color: #ec7265;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ea6153;
+  border-color: #ec7265 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar,
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #76b1d3;
+  border-color: #63a6cd;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #72afd2;
+  border-color: #63a6cd !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar,
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #95c3dd;
+  border-color: #a9cee3;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #99c5de;
+  border-color: #a9cee3 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-navy {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar,
+.dark-mode .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #002244;
+  border-color: #00152b;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #001f3f;
+  border-color: #00152b !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar,
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00366d;
+  border-color: #004286;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #003872;
+  border-color: #004286 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-olive {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar,
+.dark-mode .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #66c299;
+  border-color: #53bb8d;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #62c096;
+  border-color: #53bb8d !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar,
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #83ceac;
+  border-color: #95d5b8;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #87cfaf;
+  border-color: #95d5b8 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-lime {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar,
+.dark-mode .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #53ff9e;
+  border-color: #39ff90;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4eff9b;
+  border-color: #39ff90 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar,
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7bffb5;
+  border-color: #95ffc3;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #81ffb8;
+  border-color: #95ffc3 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar,
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f55fd3;
+  border-color: #f347cc;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f55ad2;
+  border-color: #f347cc !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar,
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f785de;
+  border-color: #f99de4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f88adf;
+  border-color: #f99de4 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar,
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ea5a8f;
+  border-color: #e8447f;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ea568c;
+  border-color: #e8447f !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar,
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ef7ea8;
+  border-color: #f295b7;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f083ab;
+  border-color: #f295b7 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-blue {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar,
+.dark-mode .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #395d83;
+  border-color: #315071;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #375a7f;
+  border-color: #315071 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar,
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45719f;
+  border-color: #4d7eb1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4774a3;
+  border-color: #4d7eb1 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar,
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #5d0ce1;
+  border-color: #530bc9;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #5b0cdd;
+  border-color: #530bc9 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar,
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7223f3;
+  border-color: #823cf4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7528f3;
+  border-color: #823cf4 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-purple {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar,
+.dark-mode .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #663bb4;
+  border-color: #5b35a0;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #643ab0;
+  border-color: #5b35a0 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar,
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7b51c6;
+  border-color: #8965cc;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7e55c7;
+  border-color: #8965cc !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-pink {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar,
+.dark-mode .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e62c81;
+  border-color: #de1a74;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e5277e;
+  border-color: #de1a74 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar,
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ea5097;
+  border-color: #ed67a4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #eb559a;
+  border-color: #ed67a4 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-red {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar,
+.dark-mode .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e53b2a;
+  border-color: #da2d1b;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e43725;
+  border-color: #da2d1b !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar,
+.dark-mode .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e95d4e;
+  border-color: #ec7265;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ea6153;
+  border-color: #ec7265 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-orange {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar,
+.dark-mode .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fa7302;
+  border-color: #e16702;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f57102;
+  border-color: #e16702 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar,
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fd8928;
+  border-color: #fd9742;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #fd8c2d;
+  border-color: #fd9742 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar,
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e5910c;
+  border-color: #cd820a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e08e0b;
+  border-color: #cd820a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar,
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f4a425;
+  border-color: #f5ae3e;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f4a62a;
+  border-color: #f5ae3e !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-green {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar,
+.dark-mode .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00a87d;
+  border-color: #008e6a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00a379;
+  border-color: #008e6a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar,
+.dark-mode .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00d09b;
+  border-color: #00eaae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00d69f;
+  border-color: #00eaae !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-teal {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar,
+.dark-mode .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1db78a;
+  border-color: #1aa179;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1cb386;
+  border-color: #1aa179 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar,
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #23dba4;
+  border-color: #38dfae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #26dca6;
+  border-color: #38dfae !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar,
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #268fd5;
+  border-color: #2280bf;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #258cd1;
+  border-color: #2280bf !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar,
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45a1de;
+  border-color: #5bace2;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4aa3df;
+  border-color: #5bace2 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-white {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar,
+.dark-mode .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: whitesmoke;
+  border-color: #e8e8e8;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f2f2f2;
+  border-color: #e8e8e8 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar,
+.dark-mode .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: white;
+  border-color: white;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: white;
+  border-color: white !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar,
+.dark-mode .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar,
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar,
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2b3035;
+  border-color: #1f2327;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #292d32;
+  border-color: #1f2327 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar,
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3d444b;
+  border-color: #495159;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #3f474e;
+  border-color: #495159 !important;
+  color: #fff;
+}
+
+.pagination-month .page-item {
+  justify-self: stretch;
+}
+
+.pagination-month .page-item .page-link {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  box-shadow: none;
+}
+
+.pagination-month .page-item:first-child .page-link, .pagination-month .page-item:last-child .page-link {
+  height: 100%;
+  font-size: 1.25rem;
+}
+
+.pagination-month .page-item .page-month {
+  margin-bottom: 0;
+  font-size: 1.25rem;
+  font-weight: 700;
+}
+
+.pagination-month .page-item .page-year {
+  margin-bottom: 0;
+}
+
+.pagination-month.pagination-lg .page-month {
+  font-size: 1.5625rem;
+}
+
+.pagination-month.pagination-sm .page-month {
+  font-size: 1rem;
+}
+
+.dark-mode .page-item.disabled a,
+.dark-mode .page-item.disabled .page-link {
+  background-color: #3a4047 !important;
+  border-color: #6c757d !important;
+  color: #6c757d;
+}
+
+.dark-mode .page-item .page-link {
+  color: #3f6791;
+}
+
+.dark-mode .page-item.active .page-link {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus {
+  color: #ced4da !important;
+}
+
+.dark-mode .page-item:not(.active) .page-link {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus {
+  color: #4774a3;
+  background-color: #3f474e;
+}
+
+.form-group.has-icon {
+  position: relative;
+}
+
+.form-group.has-icon .form-control {
+  padding-right: 35px;
+}
+
+.form-group.has-icon .form-icon {
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  font-size: 1rem;
+  padding: 0.375rem 0.75rem;
+  position: absolute;
+  right: 3px;
+  top: 0;
+}
+
+.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
   border-radius: 0;
-  box-shadow: none;
-  border-color: #d2d6de;
 }
-.form-control:focus {
-  border-color: #3c8dbc;
-  box-shadow: none;
+
+.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion {
+  line-height: calc(2.25rem + 2px);
 }
-.form-control::-moz-placeholder,
-.form-control:-ms-input-placeholder,
-.form-control::-webkit-input-placeholder {
-  color: #bbb;
-  opacity: 1;
+
+.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion,
+.input-group-lg + .form-control-feedback.fa,
+.input-group-lg + .form-control-feedback.fas,
+.input-group-lg + .form-control-feedback.far,
+.input-group-lg + .form-control-feedback.fab,
+.input-group-lg + .form-control-feedback.fal,
+.input-group-lg + .form-control-feedback.fad,
+.input-group-lg + .form-control-feedback.svg-inline--fa,
+.input-group-lg + .form-control-feedback.ion {
+  line-height: calc(2.875rem + 2px);
 }
-.form-control:not(select) {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+
+.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion {
+  line-height: calc(2.875rem + 2px);
 }
-.form-group.has-success label {
-  color: #00a65a;
+
+.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion,
+.input-group-sm + .form-control-feedback.fa,
+.input-group-sm + .form-control-feedback.fas,
+.input-group-sm + .form-control-feedback.far,
+.input-group-sm + .form-control-feedback.fab,
+.input-group-sm + .form-control-feedback.fal,
+.input-group-sm + .form-control-feedback.fad,
+.input-group-sm + .form-control-feedback.svg-inline--fa,
+.input-group-sm + .form-control-feedback.ion {
+  line-height: calc(1.8125rem + 2px);
 }
-.form-group.has-success .form-control,
-.form-group.has-success .input-group-addon {
-  border-color: #00a65a;
-  box-shadow: none;
+
+.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion {
+  line-height: calc(1.8125rem + 2px);
 }
-.form-group.has-success .help-block {
-  color: #00a65a;
+
+label:not(.form-check-label):not(.custom-file-label) {
+  font-weight: 700;
 }
-.form-group.has-warning label {
-  color: #f39c12;
+
+.warning-feedback {
+  font-size: 80%;
+  color: #ffc107;
+  display: none;
+  margin-top: 0.25rem;
+  width: 100%;
 }
-.form-group.has-warning .form-control,
-.form-group.has-warning .input-group-addon {
-  border-color: #f39c12;
-  box-shadow: none;
+
+.warning-tooltip {
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
+  background-color: rgba(255, 193, 7, 0.9);
+  color: #1f2d3d;
+  display: none;
+  line-height: 1.5;
+  margin-top: .1rem;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  position: absolute;
+  top: 100%;
+  z-index: 5;
 }
-.form-group.has-warning .help-block {
-  color: #f39c12;
+
+.form-control.is-warning {
+  border-color: #ffc107;
 }
-.form-group.has-error label {
-  color: #dd4b39;
+
+.form-control.is-warning:focus {
+  border-color: #ffc107;
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
 }
-.form-group.has-error .form-control,
-.form-group.has-error .input-group-addon {
-  border-color: #dd4b39;
-  box-shadow: none;
+
+.form-control.is-warning ~ .warning-feedback,
+.form-control.is-warning ~ .warning-tooltip {
+  display: block;
 }
-.form-group.has-error .help-block {
-  color: #dd4b39;
+
+textarea.form-control.is-warning {
+  padding-right: 2.25rem;
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
-/* Input group */
-.input-group .input-group-addon {
+
+.custom-select.is-warning {
+  border-color: #ffc107;
+}
+
+.custom-select.is-warning:focus {
+  border-color: #ffc107;
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
+}
+
+.custom-select.is-warning ~ .warning-feedback,
+.custom-select.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.form-control-file.is-warning ~ .warning-feedback,
+.form-control-file.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.form-check-input.is-warning ~ .form-check-label {
+  color: #ffc107;
+}
+
+.form-check-input.is-warning ~ .warning-feedback,
+.form-check-input.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.custom-control-input.is-warning ~ .custom-control-label {
+  color: #ffc107;
+}
+
+.custom-control-input.is-warning ~ .custom-control-label::before {
+  border-color: #ffc107;
+}
+
+.custom-control-input.is-warning ~ .warning-feedback,
+.custom-control-input.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.custom-control-input.is-warning:checked ~ .custom-control-label::before {
+  background-color: #ffce3a;
+  border-color: #ffce3a;
+}
+
+.custom-control-input.is-warning:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
+}
+
+.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #ffc107;
+}
+
+.custom-file-input.is-warning ~ .custom-file-label {
+  border-color: #ffc107;
+}
+
+.custom-file-input.is-warning ~ .warning-feedback,
+.custom-file-input.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.custom-file-input.is-warning:focus ~ .custom-file-label {
+  border-color: #ffc107;
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
+}
+
+body.text-sm .input-group-text {
+  font-size: 0.875rem;
+}
+
+.form-control.form-control-border,
+.custom-select.form-control-border {
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
   border-radius: 0;
-  border-color: #d2d6de;
+  box-shadow: inherit;
+}
+
+.form-control.form-control-border.border-width-2,
+.custom-select.form-control-border.border-width-2 {
+  border-bottom-width: 2px;
+}
+
+.form-control.form-control-border.border-width-3,
+.custom-select.form-control-border.border-width-3 {
+  border-bottom-width: 3px;
+}
+
+.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
+  background-color: #003e80;
+}
+
+.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #99caff;
+}
+
+.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
+  background-color: #0f401b;
+}
+
+.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #86e29b;
+}
+
+.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
+  background-color: #093e47;
+}
+
+.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7adeee;
+}
+
+.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
+  background-color: #876500;
+}
+
+.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #ffe7a0;
+}
+
+.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
+  background-color: #7c151f;
+}
+
+.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f3b7bd;
+}
+
+.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
+  background-color: #aeb9c5;
+}
+
+.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
+  background-color: #3c8dbc;
+  border-color: #23536f;
+}
+
+.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
+  background-color: #1d455b;
+}
+
+.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3c8dbc;
+  border-color: #23536f;
+}
+
+.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #acd0e5;
+}
+
+.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
+  background-color: #001f3f;
+  border-color: black;
+}
+
+.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #001f3f;
+  border-color: black;
+}
+
+.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #006ad8;
+}
+
+.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
+  background-color: #3d9970;
+  border-color: #20503b;
+}
+
+.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
+  background-color: #193e2d;
+}
+
+.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3d9970;
+  border-color: #20503b;
+}
+
+.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #99d6bb;
+}
+
+.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
+  background-color: #01ff70;
+  border-color: #009a43;
+}
+
+.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
+  background-color: #008138;
+}
+
+.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #01ff70;
+  border-color: #009a43;
+}
+
+.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #9affc6;
+}
+
+.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
+  background-color: #f012be;
+  border-color: #930974;
+}
+
+.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
+  background-color: #7b0861;
+}
+
+.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f012be;
+  border-color: #930974;
+}
+
+.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f9a2e5;
+}
+
+.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
+  background-color: #d81b60;
+  border-color: #7d1038;
+}
+
+.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
+  background-color: #670d2e;
+}
+
+.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #d81b60;
+  border-color: #7d1038;
+}
+
+.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f29aba;
+}
+
+.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
+  background-color: #003e80;
+}
+
+.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #99caff;
+}
+
+.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
+  background-color: #33077c;
+}
+
+.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c3a1fa;
+}
+
+.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
+  background-color: #382063;
+}
+
+.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c7b5e7;
+}
+
+.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
+  background-color: #95124e;
+}
+
+.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c7dd;
+}
+
+.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
+  background-color: #7c151f;
+}
+
+.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f3b7bd;
+}
+
+.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
+  background-color: #904201;
+}
+
+.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fed1ac;
+}
+
+.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
+  background-color: #876500;
+}
+
+.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #ffe7a0;
+}
+
+.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
+  background-color: #0f401b;
+}
+
+.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #86e29b;
+}
+
+.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
+  background-color: #0e5b44;
+}
+
+.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #94eed3;
+}
+
+.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
+  background-color: #093e47;
+}
+
+.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7adeee;
+}
+
+.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
+  background-color: #bfbfbf;
+}
+
+.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.custom-range.custom-range-primary:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-primary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-primary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-primary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-primary::-webkit-slider-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-primary::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-primary::-moz-range-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-primary::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-primary::-ms-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-primary::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-secondary:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-secondary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-secondary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-secondary::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-secondary::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-secondary::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-secondary::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-secondary::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-secondary::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-success:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-success:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-success:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-success:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-success::-webkit-slider-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-success::-webkit-slider-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-success::-moz-range-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-success::-moz-range-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-success::-ms-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-success::-ms-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-info:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-info:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-info:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-info:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-info::-webkit-slider-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-info::-webkit-slider-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-info::-moz-range-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-info::-moz-range-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-info::-ms-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-info::-ms-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-warning:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-warning:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-warning:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-warning:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-warning::-webkit-slider-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-warning::-webkit-slider-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-warning::-moz-range-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-warning::-moz-range-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-warning::-ms-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-warning::-ms-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-danger:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-danger:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-danger:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-danger:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-danger::-webkit-slider-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-danger::-webkit-slider-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-danger::-moz-range-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-danger::-moz-range-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-danger::-ms-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-danger::-ms-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-light:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-light:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-range.custom-range-light:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-range.custom-range-light:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-range.custom-range-light::-webkit-slider-thumb {
+  background-color: #f8f9fa;
+}
+
+.custom-range.custom-range-light::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.custom-range.custom-range-light::-moz-range-thumb {
+  background-color: #f8f9fa;
+}
+
+.custom-range.custom-range-light::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.custom-range.custom-range-light::-ms-thumb {
+  background-color: #f8f9fa;
+}
+
+.custom-range.custom-range-light::-ms-thumb:active {
+  background-color: white;
+}
+
+.custom-range.custom-range-dark:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-lightblue:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-range.custom-range-lightblue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-range.custom-range-lightblue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-range.custom-range-lightblue::-webkit-slider-thumb {
+  background-color: #3c8dbc;
+}
+
+.custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
+  background-color: #c0dbeb;
+}
+
+.custom-range.custom-range-lightblue::-moz-range-thumb {
+  background-color: #3c8dbc;
+}
+
+.custom-range.custom-range-lightblue::-moz-range-thumb:active {
+  background-color: #c0dbeb;
+}
+
+.custom-range.custom-range-lightblue::-ms-thumb {
+  background-color: #3c8dbc;
+}
+
+.custom-range.custom-range-lightblue::-ms-thumb:active {
+  background-color: #c0dbeb;
+}
+
+.custom-range.custom-range-navy:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-navy:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-range.custom-range-navy:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-range.custom-range-navy:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-range.custom-range-navy::-webkit-slider-thumb {
+  background-color: #001f3f;
+}
+
+.custom-range.custom-range-navy::-webkit-slider-thumb:active {
+  background-color: #0077f2;
+}
+
+.custom-range.custom-range-navy::-moz-range-thumb {
+  background-color: #001f3f;
+}
+
+.custom-range.custom-range-navy::-moz-range-thumb:active {
+  background-color: #0077f2;
+}
+
+.custom-range.custom-range-navy::-ms-thumb {
+  background-color: #001f3f;
+}
+
+.custom-range.custom-range-navy::-ms-thumb:active {
+  background-color: #0077f2;
+}
+
+.custom-range.custom-range-olive:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-olive:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-range.custom-range-olive:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-range.custom-range-olive:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-range.custom-range-olive::-webkit-slider-thumb {
+  background-color: #3d9970;
+}
+
+.custom-range.custom-range-olive::-webkit-slider-thumb:active {
+  background-color: #abdec7;
+}
+
+.custom-range.custom-range-olive::-moz-range-thumb {
+  background-color: #3d9970;
+}
+
+.custom-range.custom-range-olive::-moz-range-thumb:active {
+  background-color: #abdec7;
+}
+
+.custom-range.custom-range-olive::-ms-thumb {
+  background-color: #3d9970;
+}
+
+.custom-range.custom-range-olive::-ms-thumb:active {
+  background-color: #abdec7;
+}
+
+.custom-range.custom-range-lime:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-lime:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-range.custom-range-lime:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-range.custom-range-lime:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-range.custom-range-lime::-webkit-slider-thumb {
+  background-color: #01ff70;
+}
+
+.custom-range.custom-range-lime::-webkit-slider-thumb:active {
+  background-color: #b4ffd4;
+}
+
+.custom-range.custom-range-lime::-moz-range-thumb {
+  background-color: #01ff70;
+}
+
+.custom-range.custom-range-lime::-moz-range-thumb:active {
+  background-color: #b4ffd4;
+}
+
+.custom-range.custom-range-lime::-ms-thumb {
+  background-color: #01ff70;
+}
+
+.custom-range.custom-range-lime::-ms-thumb:active {
+  background-color: #b4ffd4;
+}
+
+.custom-range.custom-range-fuchsia:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-range.custom-range-fuchsia:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-range.custom-range-fuchsia::-webkit-slider-thumb {
+  background-color: #f012be;
+}
+
+.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
+  background-color: #fbbaec;
+}
+
+.custom-range.custom-range-fuchsia::-moz-range-thumb {
+  background-color: #f012be;
+}
+
+.custom-range.custom-range-fuchsia::-moz-range-thumb:active {
+  background-color: #fbbaec;
+}
+
+.custom-range.custom-range-fuchsia::-ms-thumb {
+  background-color: #f012be;
+}
+
+.custom-range.custom-range-fuchsia::-ms-thumb:active {
+  background-color: #fbbaec;
+}
+
+.custom-range.custom-range-maroon:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-range.custom-range-maroon:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-range.custom-range-maroon:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-range.custom-range-maroon::-webkit-slider-thumb {
+  background-color: #d81b60;
+}
+
+.custom-range.custom-range-maroon::-webkit-slider-thumb:active {
+  background-color: #f5b0c9;
+}
+
+.custom-range.custom-range-maroon::-moz-range-thumb {
+  background-color: #d81b60;
+}
+
+.custom-range.custom-range-maroon::-moz-range-thumb:active {
+  background-color: #f5b0c9;
+}
+
+.custom-range.custom-range-maroon::-ms-thumb {
+  background-color: #d81b60;
+}
+
+.custom-range.custom-range-maroon::-ms-thumb:active {
+  background-color: #f5b0c9;
+}
+
+.custom-range.custom-range-blue:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-blue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-blue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-blue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-blue::-webkit-slider-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-blue::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-blue::-moz-range-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-blue::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-blue::-ms-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-blue::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-indigo:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-range.custom-range-indigo:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-range.custom-range-indigo:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-range.custom-range-indigo::-webkit-slider-thumb {
+  background-color: #6610f2;
+}
+
+.custom-range.custom-range-indigo::-webkit-slider-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.custom-range.custom-range-indigo::-moz-range-thumb {
+  background-color: #6610f2;
+}
+
+.custom-range.custom-range-indigo::-moz-range-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.custom-range.custom-range-indigo::-ms-thumb {
+  background-color: #6610f2;
+}
+
+.custom-range.custom-range-indigo::-ms-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.custom-range.custom-range-purple:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-purple:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-range.custom-range-purple:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-range.custom-range-purple:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-range.custom-range-purple::-webkit-slider-thumb {
+  background-color: #6f42c1;
+}
+
+.custom-range.custom-range-purple::-webkit-slider-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.custom-range.custom-range-purple::-moz-range-thumb {
+  background-color: #6f42c1;
+}
+
+.custom-range.custom-range-purple::-moz-range-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.custom-range.custom-range-purple::-ms-thumb {
+  background-color: #6f42c1;
+}
+
+.custom-range.custom-range-purple::-ms-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.custom-range.custom-range-pink:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-pink:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-range.custom-range-pink:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-range.custom-range-pink:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-range.custom-range-pink::-webkit-slider-thumb {
+  background-color: #e83e8c;
+}
+
+.custom-range.custom-range-pink::-webkit-slider-thumb:active {
+  background-color: #fbddeb;
+}
+
+.custom-range.custom-range-pink::-moz-range-thumb {
+  background-color: #e83e8c;
+}
+
+.custom-range.custom-range-pink::-moz-range-thumb:active {
+  background-color: #fbddeb;
+}
+
+.custom-range.custom-range-pink::-ms-thumb {
+  background-color: #e83e8c;
+}
+
+.custom-range.custom-range-pink::-ms-thumb:active {
+  background-color: #fbddeb;
+}
+
+.custom-range.custom-range-red:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-red:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-red:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-red:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-red::-webkit-slider-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-red::-webkit-slider-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-red::-moz-range-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-red::-moz-range-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-red::-ms-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-red::-ms-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-orange:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-orange:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-range.custom-range-orange:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-range.custom-range-orange:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-range.custom-range-orange::-webkit-slider-thumb {
+  background-color: #fd7e14;
+}
+
+.custom-range.custom-range-orange::-webkit-slider-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.custom-range.custom-range-orange::-moz-range-thumb {
+  background-color: #fd7e14;
+}
+
+.custom-range.custom-range-orange::-moz-range-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.custom-range.custom-range-orange::-ms-thumb {
+  background-color: #fd7e14;
+}
+
+.custom-range.custom-range-orange::-ms-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.custom-range.custom-range-yellow:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-yellow:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-yellow:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-yellow::-webkit-slider-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-yellow::-webkit-slider-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-yellow::-moz-range-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-yellow::-moz-range-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-yellow::-ms-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-yellow::-ms-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-green:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-green:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-green:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-green:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-green::-webkit-slider-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-green::-webkit-slider-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-green::-moz-range-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-green::-moz-range-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-green::-ms-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-green::-ms-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-teal:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-teal:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-range.custom-range-teal:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-range.custom-range-teal:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-range.custom-range-teal::-webkit-slider-thumb {
+  background-color: #20c997;
+}
+
+.custom-range.custom-range-teal::-webkit-slider-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.custom-range.custom-range-teal::-moz-range-thumb {
+  background-color: #20c997;
+}
+
+.custom-range.custom-range-teal::-moz-range-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.custom-range.custom-range-teal::-ms-thumb {
+  background-color: #20c997;
+}
+
+.custom-range.custom-range-teal::-ms-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.custom-range.custom-range-cyan:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-cyan:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-cyan:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-cyan::-webkit-slider-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-cyan::-webkit-slider-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-cyan::-moz-range-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-cyan::-moz-range-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-cyan::-ms-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-cyan::-ms-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-white:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-white:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-range.custom-range-white:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-range.custom-range-white:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-range.custom-range-white::-webkit-slider-thumb {
   background-color: #fff;
 }
-/* button groups */
-.btn-group-vertical .btn.btn-flat:first-of-type,
-.btn-group-vertical .btn.btn-flat:last-of-type {
-  border-radius: 0;
+
+.custom-range.custom-range-white::-webkit-slider-thumb:active {
+  background-color: white;
 }
-.icheck > label {
-  padding-left: 0;
+
+.custom-range.custom-range-white::-moz-range-thumb {
+  background-color: #fff;
 }
-/* support Font Awesome icons in form-control */
-.form-control-feedback.fa {
-  line-height: 34px;
+
+.custom-range.custom-range-white::-moz-range-thumb:active {
+  background-color: white;
 }
-.input-lg + .form-control-feedback.fa,
-.input-group-lg + .form-control-feedback.fa,
-.form-group-lg .form-control + .form-control-feedback.fa {
-  line-height: 46px;
+
+.custom-range.custom-range-white::-ms-thumb {
+  background-color: #fff;
 }
-.input-sm + .form-control-feedback.fa,
-.input-group-sm + .form-control-feedback.fa,
-.form-group-sm .form-control + .form-control-feedback.fa {
-  line-height: 30px;
+
+.custom-range.custom-range-white::-ms-thumb:active {
+  background-color: white;
 }
-/*
- * Component: Progress Bar
- * -----------------------
- */
-.progress,
-.progress > .progress-bar {
+
+.custom-range.custom-range-gray:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-gray:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-gray:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-gray:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-gray::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-gray::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-gray::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-gray::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-gray::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-gray::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-gray-dark:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-gray-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-gray-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-gray-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-gray-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-gray-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-gray-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-control-input-primary:checked ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+}
+
+.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-primary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+}
+
+.custom-control-input-secondary:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-secondary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.custom-control-input-success:checked ~ .custom-control-label::before {
+  border-color: #28a745;
+  background-color: #28a745;
+}
+
+.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-success:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #71dd8a;
+}
+
+.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #9be7ac;
+  border-color: #9be7ac;
+}
+
+.custom-control-input-info:checked ~ .custom-control-label::before {
+  border-color: #17a2b8;
+  background-color: #17a2b8;
+}
+
+.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-info:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
+}
+
+.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #63d9ec;
+}
+
+.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #90e4f1;
+  border-color: #90e4f1;
+}
+
+.custom-control-input-warning:checked ~ .custom-control-label::before {
+  border-color: #ffc107;
+  background-color: #ffc107;
+}
+
+.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-warning:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #ffe187;
+}
+
+.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffeeba;
+  border-color: #ffeeba;
+}
+
+.custom-control-input-danger:checked ~ .custom-control-label::before {
+  border-color: #dc3545;
+  background-color: #dc3545;
+}
+
+.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-danger:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #efa2a9;
+}
+
+.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f6cdd1;
+  border-color: #f6cdd1;
+}
+
+.custom-control-input-light:checked ~ .custom-control-label::before {
+  border-color: #f8f9fa;
+  background-color: #f8f9fa;
+}
+
+.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-light:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
+}
+
+.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.custom-control-input-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.custom-control-input-lightblue:checked ~ .custom-control-label::before {
+  border-color: #3c8dbc;
+  background-color: #3c8dbc;
+}
+
+.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lightblue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25);
+}
+
+.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #99c5de;
+}
+
+.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #c0dbeb;
+  border-color: #c0dbeb;
+}
+
+.custom-control-input-navy:checked ~ .custom-control-label::before {
+  border-color: #001f3f;
+  background-color: #001f3f;
+}
+
+.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-navy:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25);
+}
+
+.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #005ebf;
+}
+
+.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #0077f2;
+  border-color: #0077f2;
+}
+
+.custom-control-input-olive:checked ~ .custom-control-label::before {
+  border-color: #3d9970;
+  background-color: #3d9970;
+}
+
+.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-olive:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25);
+}
+
+.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #87cfaf;
+}
+
+.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #abdec7;
+  border-color: #abdec7;
+}
+
+.custom-control-input-lime:checked ~ .custom-control-label::before {
+  border-color: #01ff70;
+  background-color: #01ff70;
+}
+
+.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lime:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25);
+}
+
+.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #81ffb8;
+}
+
+.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #b4ffd4;
+  border-color: #b4ffd4;
+}
+
+.custom-control-input-fuchsia:checked ~ .custom-control-label::before {
+  border-color: #f012be;
+  background-color: #f012be;
+}
+
+.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-fuchsia:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25);
+}
+
+.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f88adf;
+}
+
+.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbbaec;
+  border-color: #fbbaec;
+}
+
+.custom-control-input-maroon:checked ~ .custom-control-label::before {
+  border-color: #d81b60;
+  background-color: #d81b60;
+}
+
+.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-maroon:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25);
+}
+
+.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f083ab;
+}
+
+.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f5b0c9;
+  border-color: #f5b0c9;
+}
+
+.custom-control-input-blue:checked ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+}
+
+.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-blue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+}
+
+.custom-control-input-indigo:checked ~ .custom-control-label::before {
+  border-color: #6610f2;
+  background-color: #6610f2;
+}
+
+.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-indigo:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
+}
+
+.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b389f9;
+}
+
+.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d2b9fb;
+  border-color: #d2b9fb;
+}
+
+.custom-control-input-purple:checked ~ .custom-control-label::before {
+  border-color: #6f42c1;
+  background-color: #6f42c1;
+}
+
+.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-purple:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
+}
+
+.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b8a2e0;
+}
+
+.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d5c8ed;
+  border-color: #d5c8ed;
+}
+
+.custom-control-input-pink:checked ~ .custom-control-label::before {
+  border-color: #e83e8c;
+  background-color: #e83e8c;
+}
+
+.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-pink:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
+}
+
+.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f6b0d0;
+}
+
+.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbddeb;
+  border-color: #fbddeb;
+}
+
+.custom-control-input-red:checked ~ .custom-control-label::before {
+  border-color: #dc3545;
+  background-color: #dc3545;
+}
+
+.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-red:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #efa2a9;
+}
+
+.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f6cdd1;
+  border-color: #f6cdd1;
+}
+
+.custom-control-input-orange:checked ~ .custom-control-label::before {
+  border-color: #fd7e14;
+  background-color: #fd7e14;
+}
+
+.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-orange:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
+}
+
+.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #fec392;
+}
+
+.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffdfc5;
+  border-color: #ffdfc5;
+}
+
+.custom-control-input-yellow:checked ~ .custom-control-label::before {
+  border-color: #ffc107;
+  background-color: #ffc107;
+}
+
+.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-yellow:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #ffe187;
+}
+
+.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffeeba;
+  border-color: #ffeeba;
+}
+
+.custom-control-input-green:checked ~ .custom-control-label::before {
+  border-color: #28a745;
+  background-color: #28a745;
+}
+
+.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-green:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #71dd8a;
+}
+
+.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #9be7ac;
+  border-color: #9be7ac;
+}
+
+.custom-control-input-teal:checked ~ .custom-control-label::before {
+  border-color: #20c997;
+  background-color: #20c997;
+}
+
+.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-teal:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
+}
+
+.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #7eeaca;
+}
+
+.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #aaf1dc;
+  border-color: #aaf1dc;
+}
+
+.custom-control-input-cyan:checked ~ .custom-control-label::before {
+  border-color: #17a2b8;
+  background-color: #17a2b8;
+}
+
+.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-cyan:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
+}
+
+.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #63d9ec;
+}
+
+.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #90e4f1;
+  border-color: #90e4f1;
+}
+
+.custom-control-input-white:checked ~ .custom-control-label::before {
+  border-color: #fff;
+  background-color: #fff;
+}
+
+.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-white:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.custom-control-input-gray:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.custom-control-input-gray-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.custom-control-input-outline ~ .custom-control-label::before {
+  background-color: transparent !important;
   box-shadow: none;
 }
-.progress,
-.progress > .progress-bar,
-.progress .progress-bar,
-.progress > .progress-bar .progress-bar {
+
+.custom-control-input-outline:checked ~ .custom-control-label::before {
+  background-color: transparent;
+}
+
+.navbar-dark .btn-navbar,
+.navbar-dark .form-control-navbar {
+  background-color: #3f474e;
+  border: 1px solid #56606a;
+  color: white;
+}
+
+.navbar-dark .btn-navbar:hover {
+  background-color: #454d55;
+}
+
+.navbar-dark .btn-navbar:focus {
+  background-color: #4b545c;
+}
+
+.navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar,
+.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3f474e;
+  color: #fff;
+  border: 1px solid #56606a;
+  border-left: none;
+}
+
+.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
+.dark-mode .custom-select,
+.dark-mode .custom-file-label,
+.dark-mode .custom-file-label::after,
+.dark-mode .custom-control-label::before,
+.dark-mode .input-group-text {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
+.dark-mode .custom-file-label,
+.dark-mode .custom-file-label::after {
+  border-color: #6c757d;
+}
+
+.dark-mode select {
+  background-color: #343a40;
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.dark-mode .custom-select {
+  background: #343a40 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+}
+
+.dark-mode .custom-select[multiple] {
+  background: #343a40;
+}
+
+.dark-mode .input-group-text {
+  border-color: #6c757d;
+}
+
+.dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
+.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
+  background-color: #3f474e;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode input:-webkit-autofill,
+.dark-mode input:-webkit-autofill:hover,
+.dark-mode input:-webkit-autofill:focus,
+.dark-mode textarea:-webkit-autofill,
+.dark-mode textarea:-webkit-autofill:hover,
+.dark-mode textarea:-webkit-autofill:focus,
+.dark-mode select:-webkit-autofill,
+.dark-mode select:-webkit-autofill:hover,
+.dark-mode select:-webkit-autofill:focus {
+  -webkit-text-fill-color: #fff;
+}
+
+.dark-mode .custom-range::-webkit-slider-runnable-track {
+  background-color: #454d55;
+}
+
+.dark-mode .custom-range::-moz-range-track {
+  background-color: #454d55;
+}
+
+.dark-mode .custom-range::-ms-track {
+  background-color: #454d55;
+}
+
+.dark-mode .custom-range.custom-range-primary:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-primary::-moz-range-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-primary::-ms-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-primary::-ms-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-success:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-success:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-success::-moz-range-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-success::-ms-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-success::-ms-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-info:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-info:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-info::-moz-range-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-info::-ms-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-info::-ms-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-warning:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-warning::-moz-range-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-warning::-ms-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-warning::-ms-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-danger:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-danger::-moz-range-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-danger::-ms-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-danger::-ms-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-light:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-light:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-light::-moz-range-thumb {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-light::-ms-thumb {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-range.custom-range-light::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-dark:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb {
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb {
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-ms-thumb {
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-navy:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb {
+  background-color: #002c59;
+}
+
+.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active {
+  background-color: #0c84ff;
+}
+
+.dark-mode .custom-range.custom-range-navy::-moz-range-thumb {
+  background-color: #002c59;
+}
+
+.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active {
+  background-color: #0c84ff;
+}
+
+.dark-mode .custom-range.custom-range-navy::-ms-thumb {
+  background-color: #002c59;
+}
+
+.dark-mode .custom-range.custom-range-navy::-ms-thumb:active {
+  background-color: #0c84ff;
+}
+
+.dark-mode .custom-range.custom-range-olive:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb {
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active {
+  background-color: #f4fbf8;
+}
+
+.dark-mode .custom-range.custom-range-olive::-moz-range-thumb {
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active {
+  background-color: #f4fbf8;
+}
+
+.dark-mode .custom-range.custom-range-olive::-ms-thumb {
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-range.custom-range-olive::-ms-thumb:active {
+  background-color: #f4fbf8;
+}
+
+.dark-mode .custom-range.custom-range-lime:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb {
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lime::-moz-range-thumb {
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lime::-ms-thumb {
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-range.custom-range-lime::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb {
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb {
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-ms-thumb {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-blue:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-blue::-moz-range-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-blue::-ms-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-blue::-ms-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb {
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb {
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-ms-thumb {
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.dark-mode .custom-range.custom-range-purple:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb {
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.dark-mode .custom-range.custom-range-purple::-moz-range-thumb {
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.dark-mode .custom-range.custom-range-purple::-ms-thumb {
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-range.custom-range-purple::-ms-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.dark-mode .custom-range.custom-range-pink:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb {
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active {
+  background-color: #fbddeb;
+}
+
+.dark-mode .custom-range.custom-range-pink::-moz-range-thumb {
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active {
+  background-color: #fbddeb;
+}
+
+.dark-mode .custom-range.custom-range-pink::-ms-thumb {
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-range.custom-range-pink::-ms-thumb:active {
+  background-color: #fbddeb;
+}
+
+.dark-mode .custom-range.custom-range-red:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-red:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-red::-moz-range-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-red::-ms-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-red::-ms-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-orange:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb {
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.dark-mode .custom-range.custom-range-orange::-moz-range-thumb {
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.dark-mode .custom-range.custom-range-orange::-ms-thumb {
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-range.custom-range-orange::-ms-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-ms-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-green:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-green:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-green::-moz-range-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-green::-ms-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-green::-ms-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-teal:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb {
+  background-color: #20c997;
+}
+
+.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.dark-mode .custom-range.custom-range-teal::-moz-range-thumb {
+  background-color: #20c997;
+}
+
+.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.dark-mode .custom-range.custom-range-teal::-ms-thumb {
+  background-color: #20c997;
+}
+
+.dark-mode .custom-range.custom-range-teal::-ms-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-ms-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-white:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-white:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb {
+  background-color: #fff;
+}
+
+.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-white::-moz-range-thumb {
+  background-color: #fff;
+}
+
+.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-white::-ms-thumb {
+  background-color: #fff;
+}
+
+.dark-mode .custom-range.custom-range-white::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-gray:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-gray::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-gray::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-gray::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
+  background-color: #182838;
+}
+
+.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #97b4d2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
+  background-color: #003d2d;
+}
+
+.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #56ffd4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
+  background-color: #16527a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #b6daf2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
+  background-color: #7f5006;
+}
+
+.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fad9a4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
+  background-color: #921e12;
+}
+
+.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c9c4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
+  background-color: #aeb9c5;
+}
+
+.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
+  background-color: #86bad8;
+  border-color: #3c8dbc;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
+  background-color: #367fa9;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #86bad8;
+  border-color: #3c8dbc;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fafcfd;
+}
+
+.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
+  background-color: #002c59;
+  border-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #002c59;
+  border-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #0077f2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
+  background-color: #74c8a3;
+  border-color: #3d9970;
+}
+
+.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
+  background-color: #368763;
+}
+
+.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #74c8a3;
+  border-color: #3d9970;
+}
+
+.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #e2f3eb;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
+  background-color: #67ffa9;
+  border-color: #01ff70;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
+  background-color: #00e765;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #67ffa9;
+  border-color: #01ff70;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
+  background-color: #f672d8;
+  border-color: #f012be;
+}
+
+.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
+  background-color: #db0ead;
+}
+
+.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f672d8;
+  border-color: #f012be;
+}
+
+.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
+  background-color: #ed6c9b;
+  border-color: #d81b60;
+}
+
+.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
+  background-color: #c11856;
+}
+
+.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ed6c9b;
+  border-color: #d81b60;
+}
+
+.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fef4f8;
+}
+
+.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
+  background-color: #182838;
+}
+
+.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #97b4d2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
+  background-color: #33077c;
+}
+
+.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c3a1fa;
+}
+
+.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
+  background-color: #382063;
+}
+
+.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c7b5e7;
+}
+
+.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
+  background-color: #95124e;
+}
+
+.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c7dd;
+}
+
+.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
+  background-color: #921e12;
+}
+
+.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c9c4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
+  background-color: #904201;
+}
+
+.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fed1ac;
+}
+
+.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
+  background-color: #7f5006;
+}
+
+.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fad9a4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
+  background-color: #003d2d;
+}
+
+.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #56ffd4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
+  background-color: #0e5b44;
+}
+
+.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #94eed3;
+}
+
+.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
+  background-color: #16527a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #b6daf2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
+  background-color: #bfbfbf;
+}
+
+.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.dark-mode .custom-control-input-primary:checked ~ .custom-control-label::before {
+  border-color: #3f6791;
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-primary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #85a7ca;
+}
+
+.dark-mode .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #a9c1da;
+  border-color: #a9c1da;
+}
+
+.dark-mode .custom-control-input-secondary:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-secondary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.dark-mode .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.dark-mode .custom-control-input-success:checked ~ .custom-control-label::before {
+  border-color: #00bc8c;
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-success:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #3dffcd;
+}
+
+.dark-mode .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #70ffda;
+  border-color: #70ffda;
+}
+
+.dark-mode .custom-control-input-info:checked ~ .custom-control-label::before {
+  border-color: #3498db;
+  background-color: #3498db;
+}
+
+.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-info:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #a0cfee;
+}
+
+.dark-mode .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #cce5f6;
+  border-color: #cce5f6;
+}
+
+.dark-mode .custom-control-input-warning:checked ~ .custom-control-label::before {
+  border-color: #f39c12;
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-warning:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fce3bc;
+  border-color: #fce3bc;
+}
+
+.dark-mode .custom-control-input-danger:checked ~ .custom-control-label::before {
+  border-color: #e74c3c;
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-danger:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbdedb;
+  border-color: #fbdedb;
+}
+
+.dark-mode .custom-control-input-light:checked ~ .custom-control-label::before {
+  border-color: #f8f9fa;
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-light:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.dark-mode .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.dark-mode .custom-control-input-lightblue:checked ~ .custom-control-label::before {
+  border-color: #86bad8;
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2386bad8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lightblue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-navy:checked ~ .custom-control-label::before {
+  border-color: #002c59;
+  background-color: #002c59;
+}
+
+.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23002c59' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-navy:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #006ad8;
+}
+
+.dark-mode .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #0c84ff;
+  border-color: #0c84ff;
+}
+
+.dark-mode .custom-control-input-olive:checked ~ .custom-control-label::before {
+  border-color: #74c8a3;
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2374c8a3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-olive:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #cfecdf;
+}
+
+.dark-mode .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f4fbf8;
+  border-color: #f4fbf8;
+}
+
+.dark-mode .custom-control-input-lime:checked ~ .custom-control-label::before {
+  border-color: #67ffa9;
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2367ffa9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lime:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #e7fff1;
+}
+
+.dark-mode .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-fuchsia:checked ~ .custom-control-label::before {
+  border-color: #f672d8;
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f672d8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-fuchsia:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #feeaf9;
+}
+
+.dark-mode .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-maroon:checked ~ .custom-control-label::before {
+  border-color: #ed6c9b;
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ed6c9b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-maroon:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #fbdee8;
+}
+
+.dark-mode .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-blue:checked ~ .custom-control-label::before {
+  border-color: #3f6791;
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-blue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #85a7ca;
+}
+
+.dark-mode .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #a9c1da;
+  border-color: #a9c1da;
+}
+
+.dark-mode .custom-control-input-indigo:checked ~ .custom-control-label::before {
+  border-color: #6610f2;
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-indigo:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b389f9;
+}
+
+.dark-mode .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d2b9fb;
+  border-color: #d2b9fb;
+}
+
+.dark-mode .custom-control-input-purple:checked ~ .custom-control-label::before {
+  border-color: #6f42c1;
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-purple:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d5c8ed;
+  border-color: #d5c8ed;
+}
+
+.dark-mode .custom-control-input-pink:checked ~ .custom-control-label::before {
+  border-color: #e83e8c;
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-pink:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbddeb;
+  border-color: #fbddeb;
+}
+
+.dark-mode .custom-control-input-red:checked ~ .custom-control-label::before {
+  border-color: #e74c3c;
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-red:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbdedb;
+  border-color: #fbdedb;
+}
+
+.dark-mode .custom-control-input-orange:checked ~ .custom-control-label::before {
+  border-color: #fd7e14;
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-orange:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #fec392;
+}
+
+.dark-mode .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffdfc5;
+  border-color: #ffdfc5;
+}
+
+.dark-mode .custom-control-input-yellow:checked ~ .custom-control-label::before {
+  border-color: #f39c12;
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-yellow:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fce3bc;
+  border-color: #fce3bc;
+}
+
+.dark-mode .custom-control-input-green:checked ~ .custom-control-label::before {
+  border-color: #00bc8c;
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-green:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #3dffcd;
+}
+
+.dark-mode .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #70ffda;
+  border-color: #70ffda;
+}
+
+.dark-mode .custom-control-input-teal:checked ~ .custom-control-label::before {
+  border-color: #20c997;
+  background-color: #20c997;
+}
+
+.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-teal:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #7eeaca;
+}
+
+.dark-mode .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #aaf1dc;
+  border-color: #aaf1dc;
+}
+
+.dark-mode .custom-control-input-cyan:checked ~ .custom-control-label::before {
+  border-color: #3498db;
+  background-color: #3498db;
+}
+
+.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-cyan:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #a0cfee;
+}
+
+.dark-mode .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #cce5f6;
+  border-color: #cce5f6;
+}
+
+.dark-mode .custom-control-input-white:checked ~ .custom-control-label::before {
+  border-color: #fff;
+  background-color: #fff;
+}
+
+.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-white:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-gray:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.dark-mode .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.dark-mode .custom-control-input-gray-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.dark-mode .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.progress {
+  box-shadow: none;
   border-radius: 1px;
 }
-/* size variation */
-.progress.sm,
+
+.progress.vertical {
+  display: inline-block;
+  height: 200px;
+  margin-right: 10px;
+  position: relative;
+  width: 30px;
+}
+
+.progress.vertical > .progress-bar {
+  bottom: 0;
+  position: absolute;
+  width: 100%;
+}
+
+.progress.vertical.sm, .progress.vertical.progress-sm {
+  width: 20px;
+}
+
+.progress.vertical.xs, .progress.vertical.progress-xs {
+  width: 10px;
+}
+
+.progress.vertical.xxs, .progress.vertical.progress-xxs {
+  width: 3px;
+}
+
+.progress-group {
+  margin-bottom: 0.5rem;
+}
+
 .progress-sm {
   height: 10px;
 }
-.progress.sm,
-.progress-sm,
-.progress.sm .progress-bar,
-.progress-sm .progress-bar {
-  border-radius: 1px;
-}
-.progress.xs,
+
 .progress-xs {
   height: 7px;
 }
-.progress.xs,
-.progress-xs,
-.progress.xs .progress-bar,
-.progress-xs .progress-bar {
-  border-radius: 1px;
-}
-.progress.xxs,
+
 .progress-xxs {
   height: 3px;
 }
-.progress.xxs,
-.progress-xxs,
-.progress.xxs .progress-bar,
-.progress-xxs .progress-bar {
-  border-radius: 1px;
-}
-/* Vertical bars */
-.progress.vertical {
-  position: relative;
-  width: 30px;
-  height: 200px;
-  display: inline-block;
-  margin-right: 10px;
-}
-.progress.vertical > .progress-bar {
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-}
-.progress.vertical.sm,
-.progress.vertical.progress-sm {
-  width: 20px;
-}
-.progress.vertical.xs,
-.progress.vertical.progress-xs {
-  width: 10px;
-}
-.progress.vertical.xxs,
-.progress.vertical.progress-xxs {
-  width: 3px;
-}
-.progress-group .progress-text {
-  font-weight: 600;
-}
-.progress-group .progress-number {
-  float: right;
-}
-/* Remove margins from progress bars when put in a table */
+
 .table tr > td .progress {
   margin: 0;
 }
-.progress-bar-light-blue,
-.progress-bar-primary {
+
+.dark-mode .progress {
+  background: #454d55;
+}
+
+.card-primary:not(.card-outline) > .card-header {
+  background-color: #007bff;
+}
+
+.card-primary:not(.card-outline) > .card-header,
+.card-primary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-primary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-primary.card-outline {
+  border-top: 3px solid #007bff;
+}
+
+.card-primary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-primary.card-outline-tabs > .card-header a.active,
+.card-primary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #007bff;
+}
+
+.bg-primary > .card-header .btn-tool,
+.bg-gradient-primary > .card-header .btn-tool,
+.card-primary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-primary > .card-header .btn-tool:hover,
+.bg-gradient-primary > .card-header .btn-tool:hover,
+.card-primary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget .table td,
+.card.bg-primary .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #0067d6;
+  color: #fff;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3395ff;
+  color: #fff;
+}
+
+.card-secondary:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.card-secondary:not(.card-outline) > .card-header,
+.card-secondary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-secondary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-secondary.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.card-secondary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-secondary.card-outline-tabs > .card-header a.active,
+.card-secondary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.bg-secondary > .card-header .btn-tool,
+.bg-gradient-secondary > .card-header .btn-tool,
+.card-secondary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-secondary > .card-header .btn-tool:hover,
+.bg-gradient-secondary > .card-header .btn-tool:hover,
+.card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
+.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.card-success:not(.card-outline) > .card-header {
+  background-color: #28a745;
+}
+
+.card-success:not(.card-outline) > .card-header,
+.card-success:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-success:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-success.card-outline {
+  border-top: 3px solid #28a745;
+}
+
+.card-success.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-success.card-outline-tabs > .card-header a.active,
+.card-success.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #28a745;
+}
+
+.bg-success > .card-header .btn-tool,
+.bg-gradient-success > .card-header .btn-tool,
+.card-success:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-success > .card-header .btn-tool:hover,
+.bg-gradient-success > .card-header .btn-tool:hover,
+.card-success:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget .table td,
+.card.bg-success .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #208637;
+  color: #fff;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget table td.active,
+.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #34ce57;
+  color: #fff;
+}
+
+.card-info:not(.card-outline) > .card-header {
+  background-color: #17a2b8;
+}
+
+.card-info:not(.card-outline) > .card-header,
+.card-info:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-info:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-info.card-outline {
+  border-top: 3px solid #17a2b8;
+}
+
+.card-info.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-info.card-outline-tabs > .card-header a.active,
+.card-info.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #17a2b8;
+}
+
+.bg-info > .card-header .btn-tool,
+.bg-gradient-info > .card-header .btn-tool,
+.card-info:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-info > .card-header .btn-tool:hover,
+.bg-gradient-info > .card-header .btn-tool:hover,
+.card-info:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget .table td,
+.card.bg-info .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #128294;
+  color: #fff;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget table td.active,
+.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #1fc8e3;
+  color: #fff;
+}
+
+.card-warning:not(.card-outline) > .card-header {
+  background-color: #ffc107;
+}
+
+.card-warning:not(.card-outline) > .card-header,
+.card-warning:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-warning:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-warning.card-outline {
+  border-top: 3px solid #ffc107;
+}
+
+.card-warning.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-warning.card-outline-tabs > .card-header a.active,
+.card-warning.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #ffc107;
+}
+
+.bg-warning > .card-header .btn-tool,
+.bg-gradient-warning > .card-header .btn-tool,
+.card-warning:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-warning > .card-header .btn-tool:hover,
+.bg-gradient-warning > .card-header .btn-tool:hover,
+.card-warning:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget .table td,
+.card.bg-warning .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #dda600;
+  color: #1f2d3d;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ffce3a;
+  color: #1f2d3d;
+}
+
+.card-danger:not(.card-outline) > .card-header {
+  background-color: #dc3545;
+}
+
+.card-danger:not(.card-outline) > .card-header,
+.card-danger:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-danger:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-danger.card-outline {
+  border-top: 3px solid #dc3545;
+}
+
+.card-danger.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-danger.card-outline-tabs > .card-header a.active,
+.card-danger.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #dc3545;
+}
+
+.bg-danger > .card-header .btn-tool,
+.bg-gradient-danger > .card-header .btn-tool,
+.card-danger:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-danger > .card-header .btn-tool:hover,
+.bg-gradient-danger > .card-header .btn-tool:hover,
+.card-danger:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget .table td,
+.card.bg-danger .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #c62232;
+  color: #fff;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #e4606d;
+  color: #fff;
+}
+
+.card-light:not(.card-outline) > .card-header {
+  background-color: #f8f9fa;
+}
+
+.card-light:not(.card-outline) > .card-header,
+.card-light:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-light:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-light.card-outline {
+  border-top: 3px solid #f8f9fa;
+}
+
+.card-light.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-light.card-outline-tabs > .card-header a.active,
+.card-light.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f8f9fa;
+}
+
+.bg-light > .card-header .btn-tool,
+.bg-gradient-light > .card-header .btn-tool,
+.card-light:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-light > .card-header .btn-tool:hover,
+.bg-gradient-light > .card-header .btn-tool:hover,
+.card-light:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget .table td,
+.card.bg-light .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e0e5e9;
+  color: #1f2d3d;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget table td.active,
+.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.card-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.card-dark:not(.card-outline) > .card-header,
+.card-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.card-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-dark.card-outline-tabs > .card-header a.active,
+.card-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.bg-dark > .card-header .btn-tool,
+.bg-gradient-dark > .card-header .btn-tool,
+.card-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-dark > .card-header .btn-tool:hover,
+.bg-gradient-dark > .card-header .btn-tool:hover,
+.card-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-dark .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.card-lightblue:not(.card-outline) > .card-header {
   background-color: #3c8dbc;
 }
-.progress-striped .progress-bar-light-blue,
-.progress-striped .progress-bar-primary {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.card-lightblue:not(.card-outline) > .card-header,
+.card-lightblue:not(.card-outline) > .card-header a {
+  color: #fff;
 }
-.progress-bar-green,
-.progress-bar-success {
-  background-color: #00a65a;
+
+.card-lightblue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
 }
-.progress-striped .progress-bar-green,
-.progress-striped .progress-bar-success {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.card-lightblue.card-outline {
+  border-top: 3px solid #3c8dbc;
 }
-.progress-bar-aqua,
-.progress-bar-info {
-  background-color: #00c0ef;
+
+.card-lightblue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
 }
-.progress-striped .progress-bar-aqua,
-.progress-striped .progress-bar-info {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.card-lightblue.card-outline-tabs > .card-header a.active,
+.card-lightblue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3c8dbc;
 }
-.progress-bar-yellow,
-.progress-bar-warning {
+
+.bg-lightblue > .card-header .btn-tool,
+.bg-gradient-lightblue > .card-header .btn-tool,
+.card-lightblue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-lightblue > .card-header .btn-tool:hover,
+.bg-gradient-lightblue > .card-header .btn-tool:hover,
+.card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
+.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #32769d;
+  color: #fff;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5fa4cc;
+  color: #fff;
+}
+
+.card-navy:not(.card-outline) > .card-header {
+  background-color: #001f3f;
+}
+
+.card-navy:not(.card-outline) > .card-header,
+.card-navy:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-navy:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-navy.card-outline {
+  border-top: 3px solid #001f3f;
+}
+
+.card-navy.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-navy.card-outline-tabs > .card-header a.active,
+.card-navy.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #001f3f;
+}
+
+.bg-navy > .card-header .btn-tool,
+.bg-gradient-navy > .card-header .btn-tool,
+.card-navy:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-navy > .card-header .btn-tool:hover,
+.bg-gradient-navy > .card-header .btn-tool:hover,
+.card-navy:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget .table td,
+.card.bg-navy .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #000b16;
+  color: #fff;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #003872;
+  color: #fff;
+}
+
+.card-olive:not(.card-outline) > .card-header {
+  background-color: #3d9970;
+}
+
+.card-olive:not(.card-outline) > .card-header,
+.card-olive:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-olive:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-olive.card-outline {
+  border-top: 3px solid #3d9970;
+}
+
+.card-olive.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-olive.card-outline-tabs > .card-header a.active,
+.card-olive.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3d9970;
+}
+
+.bg-olive > .card-header .btn-tool,
+.bg-gradient-olive > .card-header .btn-tool,
+.card-olive:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-olive > .card-header .btn-tool:hover,
+.bg-gradient-olive > .card-header .btn-tool:hover,
+.card-olive:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget .table td,
+.card.bg-olive .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #317c5b;
+  color: #fff;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #50b98a;
+  color: #fff;
+}
+
+.card-lime:not(.card-outline) > .card-header {
+  background-color: #01ff70;
+}
+
+.card-lime:not(.card-outline) > .card-header,
+.card-lime:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-lime:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-lime.card-outline {
+  border-top: 3px solid #01ff70;
+}
+
+.card-lime.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-lime.card-outline-tabs > .card-header a.active,
+.card-lime.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #01ff70;
+}
+
+.bg-lime > .card-header .btn-tool,
+.bg-gradient-lime > .card-header .btn-tool,
+.card-lime:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-lime > .card-header .btn-tool:hover,
+.bg-gradient-lime > .card-header .btn-tool:hover,
+.card-lime:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget .table td,
+.card.bg-lime .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #00d75e;
+  color: #1f2d3d;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #34ff8d;
+  color: #1f2d3d;
+}
+
+.card-fuchsia:not(.card-outline) > .card-header {
+  background-color: #f012be;
+}
+
+.card-fuchsia:not(.card-outline) > .card-header,
+.card-fuchsia:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-fuchsia:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-fuchsia.card-outline {
+  border-top: 3px solid #f012be;
+}
+
+.card-fuchsia.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-fuchsia.card-outline-tabs > .card-header a.active,
+.card-fuchsia.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f012be;
+}
+
+.bg-fuchsia > .card-header .btn-tool,
+.bg-gradient-fuchsia > .card-header .btn-tool,
+.card-fuchsia:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-fuchsia > .card-header .btn-tool:hover,
+.bg-gradient-fuchsia > .card-header .btn-tool:hover,
+.card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #cc0da1;
+  color: #fff;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f342cb;
+  color: #fff;
+}
+
+.card-maroon:not(.card-outline) > .card-header {
+  background-color: #d81b60;
+}
+
+.card-maroon:not(.card-outline) > .card-header,
+.card-maroon:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-maroon:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-maroon.card-outline {
+  border-top: 3px solid #d81b60;
+}
+
+.card-maroon.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-maroon.card-outline-tabs > .card-header a.active,
+.card-maroon.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #d81b60;
+}
+
+.bg-maroon > .card-header .btn-tool,
+.bg-gradient-maroon > .card-header .btn-tool,
+.card-maroon:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-maroon > .card-header .btn-tool:hover,
+.bg-gradient-maroon > .card-header .btn-tool:hover,
+.card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
+.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #b41650;
+  color: #fff;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #e73f7c;
+  color: #fff;
+}
+
+.card-blue:not(.card-outline) > .card-header {
+  background-color: #007bff;
+}
+
+.card-blue:not(.card-outline) > .card-header,
+.card-blue:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-blue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-blue.card-outline {
+  border-top: 3px solid #007bff;
+}
+
+.card-blue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-blue.card-outline-tabs > .card-header a.active,
+.card-blue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #007bff;
+}
+
+.bg-blue > .card-header .btn-tool,
+.bg-gradient-blue > .card-header .btn-tool,
+.card-blue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-blue > .card-header .btn-tool:hover,
+.bg-gradient-blue > .card-header .btn-tool:hover,
+.card-blue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget .table td,
+.card.bg-blue .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #0067d6;
+  color: #fff;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3395ff;
+  color: #fff;
+}
+
+.card-indigo:not(.card-outline) > .card-header {
+  background-color: #6610f2;
+}
+
+.card-indigo:not(.card-outline) > .card-header,
+.card-indigo:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-indigo:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-indigo.card-outline {
+  border-top: 3px solid #6610f2;
+}
+
+.card-indigo.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-indigo.card-outline-tabs > .card-header a.active,
+.card-indigo.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6610f2;
+}
+
+.bg-indigo > .card-header .btn-tool,
+.bg-gradient-indigo > .card-header .btn-tool,
+.card-indigo:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-indigo > .card-header .btn-tool:hover,
+.bg-gradient-indigo > .card-header .btn-tool:hover,
+.card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
+.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #550bce;
+  color: #fff;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8540f5;
+  color: #fff;
+}
+
+.card-purple:not(.card-outline) > .card-header {
+  background-color: #6f42c1;
+}
+
+.card-purple:not(.card-outline) > .card-header,
+.card-purple:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-purple:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-purple.card-outline {
+  border-top: 3px solid #6f42c1;
+}
+
+.card-purple.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-purple.card-outline-tabs > .card-header a.active,
+.card-purple.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6f42c1;
+}
+
+.bg-purple > .card-header .btn-tool,
+.bg-gradient-purple > .card-header .btn-tool,
+.card-purple:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-purple > .card-header .btn-tool:hover,
+.bg-gradient-purple > .card-header .btn-tool:hover,
+.card-purple:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget .table td,
+.card.bg-purple .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #5d36a4;
+  color: #fff;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8c68ce;
+  color: #fff;
+}
+
+.card-pink:not(.card-outline) > .card-header {
+  background-color: #e83e8c;
+}
+
+.card-pink:not(.card-outline) > .card-header,
+.card-pink:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-pink:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-pink.card-outline {
+  border-top: 3px solid #e83e8c;
+}
+
+.card-pink.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-pink.card-outline-tabs > .card-header a.active,
+.card-pink.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e83e8c;
+}
+
+.bg-pink > .card-header .btn-tool,
+.bg-gradient-pink > .card-header .btn-tool,
+.card-pink:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-pink > .card-header .btn-tool:hover,
+.bg-gradient-pink > .card-header .btn-tool:hover,
+.card-pink:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget .table td,
+.card.bg-pink .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e21b76;
+  color: #fff;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed6ca7;
+  color: #fff;
+}
+
+.card-red:not(.card-outline) > .card-header {
+  background-color: #dc3545;
+}
+
+.card-red:not(.card-outline) > .card-header,
+.card-red:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-red:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-red.card-outline {
+  border-top: 3px solid #dc3545;
+}
+
+.card-red.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-red.card-outline-tabs > .card-header a.active,
+.card-red.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #dc3545;
+}
+
+.bg-red > .card-header .btn-tool,
+.bg-gradient-red > .card-header .btn-tool,
+.card-red:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-red > .card-header .btn-tool:hover,
+.bg-gradient-red > .card-header .btn-tool:hover,
+.card-red:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget .table td,
+.card.bg-red .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #c62232;
+  color: #fff;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget table td.active,
+.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #e4606d;
+  color: #fff;
+}
+
+.card-orange:not(.card-outline) > .card-header {
+  background-color: #fd7e14;
+}
+
+.card-orange:not(.card-outline) > .card-header,
+.card-orange:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-orange:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-orange.card-outline {
+  border-top: 3px solid #fd7e14;
+}
+
+.card-orange.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-orange.card-outline-tabs > .card-header a.active,
+.card-orange.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fd7e14;
+}
+
+.bg-orange > .card-header .btn-tool,
+.bg-gradient-orange > .card-header .btn-tool,
+.card-orange:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-orange > .card-header .btn-tool:hover,
+.bg-gradient-orange > .card-header .btn-tool:hover,
+.card-orange:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget .table td,
+.card.bg-orange .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e66a02;
+  color: #1f2d3d;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #fd9a47;
+  color: #1f2d3d;
+}
+
+.card-yellow:not(.card-outline) > .card-header {
+  background-color: #ffc107;
+}
+
+.card-yellow:not(.card-outline) > .card-header,
+.card-yellow:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-yellow:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-yellow.card-outline {
+  border-top: 3px solid #ffc107;
+}
+
+.card-yellow.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-yellow.card-outline-tabs > .card-header a.active,
+.card-yellow.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #ffc107;
+}
+
+.bg-yellow > .card-header .btn-tool,
+.bg-gradient-yellow > .card-header .btn-tool,
+.card-yellow:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-yellow > .card-header .btn-tool:hover,
+.bg-gradient-yellow > .card-header .btn-tool:hover,
+.card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
+.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #dda600;
+  color: #1f2d3d;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ffce3a;
+  color: #1f2d3d;
+}
+
+.card-green:not(.card-outline) > .card-header {
+  background-color: #28a745;
+}
+
+.card-green:not(.card-outline) > .card-header,
+.card-green:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-green:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-green.card-outline {
+  border-top: 3px solid #28a745;
+}
+
+.card-green.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-green.card-outline-tabs > .card-header a.active,
+.card-green.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #28a745;
+}
+
+.bg-green > .card-header .btn-tool,
+.bg-gradient-green > .card-header .btn-tool,
+.card-green:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-green > .card-header .btn-tool:hover,
+.bg-gradient-green > .card-header .btn-tool:hover,
+.card-green:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget .table td,
+.card.bg-green .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #208637;
+  color: #fff;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget table td.active,
+.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #34ce57;
+  color: #fff;
+}
+
+.card-teal:not(.card-outline) > .card-header {
+  background-color: #20c997;
+}
+
+.card-teal:not(.card-outline) > .card-header,
+.card-teal:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-teal:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-teal.card-outline {
+  border-top: 3px solid #20c997;
+}
+
+.card-teal.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-teal.card-outline-tabs > .card-header a.active,
+.card-teal.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #20c997;
+}
+
+.bg-teal > .card-header .btn-tool,
+.bg-gradient-teal > .card-header .btn-tool,
+.card-teal:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-teal > .card-header .btn-tool:hover,
+.bg-gradient-teal > .card-header .btn-tool:hover,
+.card-teal:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget .table td,
+.card.bg-teal .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #1aa67d;
+  color: #fff;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3ce0af;
+  color: #fff;
+}
+
+.card-cyan:not(.card-outline) > .card-header {
+  background-color: #17a2b8;
+}
+
+.card-cyan:not(.card-outline) > .card-header,
+.card-cyan:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-cyan:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-cyan.card-outline {
+  border-top: 3px solid #17a2b8;
+}
+
+.card-cyan.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-cyan.card-outline-tabs > .card-header a.active,
+.card-cyan.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #17a2b8;
+}
+
+.bg-cyan > .card-header .btn-tool,
+.bg-gradient-cyan > .card-header .btn-tool,
+.card-cyan:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-cyan > .card-header .btn-tool:hover,
+.bg-gradient-cyan > .card-header .btn-tool:hover,
+.card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
+.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #128294;
+  color: #fff;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #1fc8e3;
+  color: #fff;
+}
+
+.card-white:not(.card-outline) > .card-header {
+  background-color: #fff;
+}
+
+.card-white:not(.card-outline) > .card-header,
+.card-white:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-white:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-white.card-outline {
+  border-top: 3px solid #fff;
+}
+
+.card-white.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-white.card-outline-tabs > .card-header a.active,
+.card-white.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fff;
+}
+
+.bg-white > .card-header .btn-tool,
+.bg-gradient-white > .card-header .btn-tool,
+.card-white:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-white > .card-header .btn-tool:hover,
+.bg-gradient-white > .card-header .btn-tool:hover,
+.card-white:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget .table td,
+.card.bg-white .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #ebebeb;
+  color: #1f2d3d;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget table td.active,
+.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.card-gray:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.card-gray:not(.card-outline) > .card-header,
+.card-gray:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-gray:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-gray.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.card-gray.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-gray.card-outline-tabs > .card-header a.active,
+.card-gray.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.bg-gray > .card-header .btn-tool,
+.bg-gradient-gray > .card-header .btn-tool,
+.card-gray:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-gray > .card-header .btn-tool:hover,
+.bg-gradient-gray > .card-header .btn-tool:hover,
+.card-gray:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget .table td,
+.card.bg-gray .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.card-gray-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.card-gray-dark:not(.card-outline) > .card-header,
+.card-gray-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-gray-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-gray-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.card-gray-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-gray-dark.card-outline-tabs > .card-header a.active,
+.card-gray-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.bg-gray-dark > .card-header .btn-tool,
+.bg-gradient-gray-dark > .card-header .btn-tool,
+.card-gray-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-gray-dark > .card-header .btn-tool:hover,
+.bg-gradient-gray-dark > .card-header .btn-tool:hover,
+.card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.card {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  margin-bottom: 1rem;
+}
+
+.card.bg-dark .card-header {
+  border-color: #383f45;
+}
+
+.card.bg-dark,
+.card.bg-dark .card-body {
+  color: #fff;
+}
+
+.card.maximized-card {
+  height: 100% !important;
+  left: 0;
+  max-height: 100% !important;
+  max-width: 100% !important;
+  position: fixed;
+  top: 0;
+  width: 100% !important;
+  z-index: 1040;
+}
+
+.card.maximized-card.was-collapsed .card-body {
+  display: block !important;
+}
+
+.card.maximized-card .card-body {
+  overflow: auto;
+}
+
+.card.maximized-card [data-card-widgett="collapse"] {
+  display: none;
+}
+
+.card.maximized-card .card-header,
+.card.maximized-card .card-footer {
+  border-radius: 0 !important;
+}
+
+.card.collapsed-card .card-body,
+.card.collapsed-card .card-footer {
+  display: none;
+}
+
+.card .nav.flex-column:not(.nav-sidebar) > li {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  margin: 0;
+}
+
+.card .nav.flex-column:not(.nav-sidebar) > li:last-of-type {
+  border-bottom: 0;
+}
+
+.card.height-control .card-body {
+  max-height: 300px;
+  overflow: auto;
+}
+
+.card .border-right {
+  border-right: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card .border-left {
+  border-left: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card.card-tabs:not(.card-outline) > .card-header {
+  border-bottom: 0;
+}
+
+.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
+  border-left-color: transparent;
+}
+
+.card.card-tabs.card-outline .nav-item {
+  border-bottom: 0;
+}
+
+.card.card-tabs.card-outline .nav-item:first-child .nav-link {
+  border-left: 0;
+  margin-left: 0;
+}
+
+.card.card-tabs .card-tools {
+  margin: .3rem .5rem;
+}
+
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
+  border-bottom: 0;
+}
+
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
+  border-bottom: 0;
+}
+
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+  margin-bottom: 0;
+}
+
+.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
+}
+
+.card.card-outline-tabs {
+  border-top: 0;
+}
+
+.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
+  border-left: 0;
+  margin-left: 0;
+}
+
+.card.card-outline-tabs .card-header a {
+  border-top: 3px solid transparent;
+}
+
+.card.card-outline-tabs .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card.card-outline-tabs .card-header a.active:hover {
+  margin-top: 0;
+}
+
+.card.card-outline-tabs .card-tools {
+  margin: .5rem .5rem .3rem;
+}
+
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
+  border-bottom: 0;
+}
+
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
+  border-bottom: 0;
+}
+
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+  margin-bottom: 0;
+}
+
+.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
+}
+
+html.maximized-card {
+  overflow: hidden;
+}
+
+.card-header::after,
+.card-body::after,
+.card-footer::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.card-header {
+  background-color: transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 0.75rem 1.25rem;
+  position: relative;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.collapsed-card .card-header {
+  border-bottom: 0;
+}
+
+.card-header > .card-tools {
+  float: right;
+  margin-right: -0.625rem;
+}
+
+.card-header > .card-tools .input-group,
+.card-header > .card-tools .nav,
+.card-header > .card-tools .pagination {
+  margin-bottom: -0.3rem;
+  margin-top: -0.3rem;
+}
+
+.card-header > .card-tools [data-toggle="tooltip"] {
+  position: relative;
+}
+
+.card-title {
+  float: left;
+  font-size: 1.1rem;
+  font-weight: 400;
+  margin: 0;
+}
+
+.card-text {
+  clear: both;
+}
+
+.btn-tool {
+  background-color: transparent;
+  color: #adb5bd;
+  font-size: 0.875rem;
+  margin: -0.75rem 0;
+  padding: .25rem .5rem;
+}
+
+.btn-group.show .btn-tool, .btn-tool:hover {
+  color: #495057;
+}
+
+.show .btn-tool, .btn-tool:focus {
+  box-shadow: none !important;
+}
+
+.text-sm .card-title {
+  font-size: 1rem;
+}
+
+.text-sm .nav-link {
+  padding: 0.4rem 0.8rem;
+}
+
+.card-body > .table {
+  margin-bottom: 0;
+}
+
+.card-body > .table > thead > tr > th,
+.card-body > .table > thead > tr > td {
+  border-top-width: 0;
+}
+
+.card-body .fc {
+  margin-top: 5px;
+}
+
+.card-body .full-width-chart {
+  margin: -19px;
+}
+
+.card-body.p-0 .full-width-chart {
+  margin: -9px;
+}
+
+.chart-legend {
+  padding-left: 0;
+  list-style: none;
+  margin: 10px 0;
+}
+
+@media (max-width: 576px) {
+  .chart-legend > li {
+    float: left;
+    margin-right: 10px;
+  }
+}
+
+.card-comments {
+  background-color: #f8f9fa;
+}
+
+.card-comments .card-comment {
+  border-bottom: 1px solid #e9ecef;
+  padding: 8px 0;
+}
+
+.card-comments .card-comment::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.card-comments .card-comment:last-of-type {
+  border-bottom: 0;
+}
+
+.card-comments .card-comment:first-of-type {
+  padding-top: 0;
+}
+
+.card-comments .card-comment img {
+  height: 1.875rem;
+  width: 1.875rem;
+  float: left;
+}
+
+.card-comments .comment-text {
+  color: #78838e;
+  margin-left: 40px;
+}
+
+.card-comments .username {
+  color: #495057;
+  display: block;
+  font-weight: 600;
+}
+
+.card-comments .text-muted {
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.todo-list {
+  list-style: none;
+  margin: 0;
+  overflow: auto;
+  padding: 0;
+}
+
+.todo-list > li {
+  border-radius: 2px;
+  background-color: #f8f9fa;
+  border-left: 2px solid #e9ecef;
+  color: #495057;
+  margin-bottom: 2px;
+  padding: 10px;
+}
+
+.todo-list > li:last-of-type {
+  margin-bottom: 0;
+}
+
+.todo-list > li > input[type="checkbox"] {
+  margin: 0 10px 0 5px;
+}
+
+.todo-list > li .text {
+  display: inline-block;
+  font-weight: 600;
+  margin-left: 5px;
+}
+
+.todo-list > li .badge {
+  font-size: .7rem;
+  margin-left: 10px;
+}
+
+.todo-list > li .tools {
+  color: #dc3545;
+  display: none;
+  float: right;
+}
+
+.todo-list > li .tools > .fa,
+.todo-list > li .tools > .fas,
+.todo-list > li .tools > .far,
+.todo-list > li .tools > .fab,
+.todo-list > li .tools > .fal,
+.todo-list > li .tools > .fad,
+.todo-list > li .tools > .svg-inline--fa,
+.todo-list > li .tools > .ion {
+  cursor: pointer;
+  margin-right: 5px;
+}
+
+.todo-list > li:hover .tools {
+  display: inline-block;
+}
+
+.todo-list > li.done {
+  color: #697582;
+}
+
+.todo-list > li.done .text {
+  font-weight: 500;
+  text-decoration: line-through;
+}
+
+.todo-list > li.done .badge {
+  background-color: #adb5bd !important;
+}
+
+.todo-list .primary {
+  border-left-color: #007bff;
+}
+
+.todo-list .secondary {
+  border-left-color: #6c757d;
+}
+
+.todo-list .success {
+  border-left-color: #28a745;
+}
+
+.todo-list .info {
+  border-left-color: #17a2b8;
+}
+
+.todo-list .warning {
+  border-left-color: #ffc107;
+}
+
+.todo-list .danger {
+  border-left-color: #dc3545;
+}
+
+.todo-list .light {
+  border-left-color: #f8f9fa;
+}
+
+.todo-list .dark {
+  border-left-color: #343a40;
+}
+
+.todo-list .lightblue {
+  border-left-color: #3c8dbc;
+}
+
+.todo-list .navy {
+  border-left-color: #001f3f;
+}
+
+.todo-list .olive {
+  border-left-color: #3d9970;
+}
+
+.todo-list .lime {
+  border-left-color: #01ff70;
+}
+
+.todo-list .fuchsia {
+  border-left-color: #f012be;
+}
+
+.todo-list .maroon {
+  border-left-color: #d81b60;
+}
+
+.todo-list .blue {
+  border-left-color: #007bff;
+}
+
+.todo-list .indigo {
+  border-left-color: #6610f2;
+}
+
+.todo-list .purple {
+  border-left-color: #6f42c1;
+}
+
+.todo-list .pink {
+  border-left-color: #e83e8c;
+}
+
+.todo-list .red {
+  border-left-color: #dc3545;
+}
+
+.todo-list .orange {
+  border-left-color: #fd7e14;
+}
+
+.todo-list .yellow {
+  border-left-color: #ffc107;
+}
+
+.todo-list .green {
+  border-left-color: #28a745;
+}
+
+.todo-list .teal {
+  border-left-color: #20c997;
+}
+
+.todo-list .cyan {
+  border-left-color: #17a2b8;
+}
+
+.todo-list .white {
+  border-left-color: #fff;
+}
+
+.todo-list .gray {
+  border-left-color: #6c757d;
+}
+
+.todo-list .gray-dark {
+  border-left-color: #343a40;
+}
+
+.todo-list .handle {
+  cursor: move;
+  display: inline-block;
+  margin: 0 5px;
+}
+
+.card-input {
+  max-width: 200px;
+}
+
+.card-default .nav-item:first-child .nav-link {
+  border-left: 0;
+}
+
+.dark-mode .card-primary:not(.card-outline) > .card-header {
+  background-color: #3f6791;
+}
+
+.dark-mode .card-primary:not(.card-outline) > .card-header,
+.dark-mode .card-primary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-primary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-primary.card-outline {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .card-primary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-primary.card-outline-tabs > .card-header a.active,
+.dark-mode .card-primary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .bg-primary > .card-header .btn-tool,
+.dark-mode .bg-gradient-primary > .card-header .btn-tool,
+.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-primary > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-primary > .card-header .btn-tool:hover,
+.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #335375;
+  color: #fff;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5080b3;
+  color: #fff;
+}
+
+.dark-mode .card-secondary:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.dark-mode .card-secondary:not(.card-outline) > .card-header,
+.dark-mode .card-secondary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-secondary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-secondary.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .card-secondary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-secondary.card-outline-tabs > .card-header a.active,
+.dark-mode .card-secondary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .bg-secondary > .card-header .btn-tool,
+.dark-mode .bg-gradient-secondary > .card-header .btn-tool,
+.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-secondary > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-secondary > .card-header .btn-tool:hover,
+.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.dark-mode .card-success:not(.card-outline) > .card-header {
+  background-color: #00bc8c;
+}
+
+.dark-mode .card-success:not(.card-outline) > .card-header,
+.dark-mode .card-success:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-success:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-success.card-outline {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .card-success.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-success.card-outline-tabs > .card-header a.active,
+.dark-mode .card-success.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .bg-success > .card-header .btn-tool,
+.dark-mode .bg-gradient-success > .card-header .btn-tool,
+.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-success > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-success > .card-header .btn-tool:hover,
+.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #00936e;
+  color: #fff;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #00efb2;
+  color: #fff;
+}
+
+.dark-mode .card-info:not(.card-outline) > .card-header {
+  background-color: #3498db;
+}
+
+.dark-mode .card-info:not(.card-outline) > .card-header,
+.dark-mode .card-info:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-info:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-info.card-outline {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .card-info.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-info.card-outline-tabs > .card-header a.active,
+.dark-mode .card-info.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .bg-info > .card-header .btn-tool,
+.dark-mode .bg-gradient-info > .card-header .btn-tool,
+.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-info > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-info > .card-header .btn-tool:hover,
+.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #2383c4;
+  color: #fff;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5faee3;
+  color: #fff;
+}
+
+.dark-mode .card-warning:not(.card-outline) > .card-header {
   background-color: #f39c12;
 }
-.progress-striped .progress-bar-yellow,
-.progress-striped .progress-bar-warning {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.dark-mode .card-warning:not(.card-outline) > .card-header,
+.dark-mode .card-warning:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
 }
-.progress-bar-red,
-.progress-bar-danger {
-  background-color: #dd4b39;
+
+.dark-mode .card-warning:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
 }
-.progress-striped .progress-bar-red,
-.progress-striped .progress-bar-danger {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.dark-mode .card-warning.card-outline {
+  border-top: 3px solid #f39c12;
 }
-/*
- * Component: Small Box
- * --------------------
- */
-.small-box {
-  border-radius: 2px;
+
+.dark-mode .card-warning.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-warning.card-outline-tabs > .card-header a.active,
+.dark-mode .card-warning.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f39c12;
+}
+
+.dark-mode .bg-warning > .card-header .btn-tool,
+.dark-mode .bg-gradient-warning > .card-header .btn-tool,
+.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-warning > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-warning > .card-header .btn-tool:hover,
+.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #d2850b;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f5b043;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-danger:not(.card-outline) > .card-header {
+  background-color: #e74c3c;
+}
+
+.dark-mode .card-danger:not(.card-outline) > .card-header,
+.dark-mode .card-danger:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-danger:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-danger.card-outline {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .card-danger.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-danger.card-outline-tabs > .card-header a.active,
+.dark-mode .card-danger.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .bg-danger > .card-header .btn-tool,
+.dark-mode .bg-gradient-danger > .card-header .btn-tool,
+.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-danger > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-danger > .card-header .btn-tool:hover,
+.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #df2e1b;
+  color: #fff;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed7669;
+  color: #fff;
+}
+
+.dark-mode .card-light:not(.card-outline) > .card-header {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .card-light:not(.card-outline) > .card-header,
+.dark-mode .card-light:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-light:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-light.card-outline {
+  border-top: 3px solid #f8f9fa;
+}
+
+.dark-mode .card-light.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-light.card-outline-tabs > .card-header a.active,
+.dark-mode .card-light.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f8f9fa;
+}
+
+.dark-mode .bg-light > .card-header .btn-tool,
+.dark-mode .bg-gradient-light > .card-header .btn-tool,
+.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-light > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-light > .card-header .btn-tool:hover,
+.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e0e5e9;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.dark-mode .card-dark:not(.card-outline) > .card-header,
+.dark-mode .card-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .card-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-dark.card-outline-tabs > .card-header a.active,
+.dark-mode .card-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .bg-dark > .card-header .btn-tool,
+.dark-mode .bg-gradient-dark > .card-header .btn-tool,
+.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-dark > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-dark > .card-header .btn-tool:hover,
+.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .card-lightblue:not(.card-outline) > .card-header {
+  background-color: #86bad8;
+}
+
+.dark-mode .card-lightblue:not(.card-outline) > .card-header,
+.dark-mode .card-lightblue:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lightblue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lightblue.card-outline {
+  border-top: 3px solid #86bad8;
+}
+
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active,
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #86bad8;
+}
+
+.dark-mode .bg-lightblue > .card-header .btn-tool,
+.dark-mode .bg-gradient-lightblue > .card-header .btn-tool,
+.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-lightblue > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-lightblue > .card-header .btn-tool:hover,
+.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #67a8ce;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #acd0e5;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-navy:not(.card-outline) > .card-header {
+  background-color: #002c59;
+}
+
+.dark-mode .card-navy:not(.card-outline) > .card-header,
+.dark-mode .card-navy:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-navy:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-navy.card-outline {
+  border-top: 3px solid #002c59;
+}
+
+.dark-mode .card-navy.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-navy.card-outline-tabs > .card-header a.active,
+.dark-mode .card-navy.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #002c59;
+}
+
+.dark-mode .bg-navy > .card-header .btn-tool,
+.dark-mode .bg-gradient-navy > .card-header .btn-tool,
+.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-navy > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-navy > .card-header .btn-tool:hover,
+.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #001730;
+  color: #fff;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #00458c;
+  color: #fff;
+}
+
+.dark-mode .card-olive:not(.card-outline) > .card-header {
+  background-color: #74c8a3;
+}
+
+.dark-mode .card-olive:not(.card-outline) > .card-header,
+.dark-mode .card-olive:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-olive:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-olive.card-outline {
+  border-top: 3px solid #74c8a3;
+}
+
+.dark-mode .card-olive.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-olive.card-outline-tabs > .card-header a.active,
+.dark-mode .card-olive.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #74c8a3;
+}
+
+.dark-mode .bg-olive > .card-header .btn-tool,
+.dark-mode .bg-gradient-olive > .card-header .btn-tool,
+.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-olive > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-olive > .card-header .btn-tool:hover,
+.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #57bc8f;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #99d6bb;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lime:not(.card-outline) > .card-header {
+  background-color: #67ffa9;
+}
+
+.dark-mode .card-lime:not(.card-outline) > .card-header,
+.dark-mode .card-lime:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lime:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lime.card-outline {
+  border-top: 3px solid #67ffa9;
+}
+
+.dark-mode .card-lime.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-lime.card-outline-tabs > .card-header a.active,
+.dark-mode .card-lime.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #67ffa9;
+}
+
+.dark-mode .bg-lime > .card-header .btn-tool,
+.dark-mode .bg-gradient-lime > .card-header .btn-tool,
+.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-lime > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-lime > .card-header .btn-tool:hover,
+.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #3eff92;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #9affc6;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header {
+  background-color: #f672d8;
+}
+
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header,
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-fuchsia.card-outline {
+  border-top: 3px solid #f672d8;
+}
+
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active,
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f672d8;
+}
+
+.dark-mode .bg-fuchsia > .card-header .btn-tool,
+.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool,
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-fuchsia > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool:hover,
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #f44cce;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f9a2e5;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-maroon:not(.card-outline) > .card-header {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .card-maroon:not(.card-outline) > .card-header,
+.dark-mode .card-maroon:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-maroon:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-maroon.card-outline {
+  border-top: 3px solid #ed6c9b;
+}
+
+.dark-mode .card-maroon.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-maroon.card-outline-tabs > .card-header a.active,
+.dark-mode .card-maroon.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #ed6c9b;
+}
+
+.dark-mode .bg-maroon > .card-header .btn-tool,
+.dark-mode .bg-gradient-maroon > .card-header .btn-tool,
+.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-maroon > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-maroon > .card-header .btn-tool:hover,
+.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e84883;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f29aba;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-blue:not(.card-outline) > .card-header {
+  background-color: #3f6791;
+}
+
+.dark-mode .card-blue:not(.card-outline) > .card-header,
+.dark-mode .card-blue:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-blue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-blue.card-outline {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .card-blue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-blue.card-outline-tabs > .card-header a.active,
+.dark-mode .card-blue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .bg-blue > .card-header .btn-tool,
+.dark-mode .bg-gradient-blue > .card-header .btn-tool,
+.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-blue > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-blue > .card-header .btn-tool:hover,
+.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #335375;
+  color: #fff;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5080b3;
+  color: #fff;
+}
+
+.dark-mode .card-indigo:not(.card-outline) > .card-header {
+  background-color: #6610f2;
+}
+
+.dark-mode .card-indigo:not(.card-outline) > .card-header,
+.dark-mode .card-indigo:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-indigo:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-indigo.card-outline {
+  border-top: 3px solid #6610f2;
+}
+
+.dark-mode .card-indigo.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-indigo.card-outline-tabs > .card-header a.active,
+.dark-mode .card-indigo.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6610f2;
+}
+
+.dark-mode .bg-indigo > .card-header .btn-tool,
+.dark-mode .bg-gradient-indigo > .card-header .btn-tool,
+.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-indigo > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-indigo > .card-header .btn-tool:hover,
+.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #550bce;
+  color: #fff;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8540f5;
+  color: #fff;
+}
+
+.dark-mode .card-purple:not(.card-outline) > .card-header {
+  background-color: #6f42c1;
+}
+
+.dark-mode .card-purple:not(.card-outline) > .card-header,
+.dark-mode .card-purple:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-purple:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-purple.card-outline {
+  border-top: 3px solid #6f42c1;
+}
+
+.dark-mode .card-purple.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-purple.card-outline-tabs > .card-header a.active,
+.dark-mode .card-purple.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6f42c1;
+}
+
+.dark-mode .bg-purple > .card-header .btn-tool,
+.dark-mode .bg-gradient-purple > .card-header .btn-tool,
+.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-purple > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-purple > .card-header .btn-tool:hover,
+.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #5d36a4;
+  color: #fff;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8c68ce;
+  color: #fff;
+}
+
+.dark-mode .card-pink:not(.card-outline) > .card-header {
+  background-color: #e83e8c;
+}
+
+.dark-mode .card-pink:not(.card-outline) > .card-header,
+.dark-mode .card-pink:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-pink:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-pink.card-outline {
+  border-top: 3px solid #e83e8c;
+}
+
+.dark-mode .card-pink.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-pink.card-outline-tabs > .card-header a.active,
+.dark-mode .card-pink.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e83e8c;
+}
+
+.dark-mode .bg-pink > .card-header .btn-tool,
+.dark-mode .bg-gradient-pink > .card-header .btn-tool,
+.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-pink > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-pink > .card-header .btn-tool:hover,
+.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e21b76;
+  color: #fff;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed6ca7;
+  color: #fff;
+}
+
+.dark-mode .card-red:not(.card-outline) > .card-header {
+  background-color: #e74c3c;
+}
+
+.dark-mode .card-red:not(.card-outline) > .card-header,
+.dark-mode .card-red:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-red:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-red.card-outline {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .card-red.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-red.card-outline-tabs > .card-header a.active,
+.dark-mode .card-red.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .bg-red > .card-header .btn-tool,
+.dark-mode .bg-gradient-red > .card-header .btn-tool,
+.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-red > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-red > .card-header .btn-tool:hover,
+.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #df2e1b;
+  color: #fff;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed7669;
+  color: #fff;
+}
+
+.dark-mode .card-orange:not(.card-outline) > .card-header {
+  background-color: #fd7e14;
+}
+
+.dark-mode .card-orange:not(.card-outline) > .card-header,
+.dark-mode .card-orange:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-orange:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-orange.card-outline {
+  border-top: 3px solid #fd7e14;
+}
+
+.dark-mode .card-orange.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-orange.card-outline-tabs > .card-header a.active,
+.dark-mode .card-orange.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fd7e14;
+}
+
+.dark-mode .bg-orange > .card-header .btn-tool,
+.dark-mode .bg-gradient-orange > .card-header .btn-tool,
+.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-orange > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-orange > .card-header .btn-tool:hover,
+.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e66a02;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #fd9a47;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-yellow:not(.card-outline) > .card-header {
+  background-color: #f39c12;
+}
+
+.dark-mode .card-yellow:not(.card-outline) > .card-header,
+.dark-mode .card-yellow:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-yellow:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-yellow.card-outline {
+  border-top: 3px solid #f39c12;
+}
+
+.dark-mode .card-yellow.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-yellow.card-outline-tabs > .card-header a.active,
+.dark-mode .card-yellow.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f39c12;
+}
+
+.dark-mode .bg-yellow > .card-header .btn-tool,
+.dark-mode .bg-gradient-yellow > .card-header .btn-tool,
+.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-yellow > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-yellow > .card-header .btn-tool:hover,
+.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #d2850b;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f5b043;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-green:not(.card-outline) > .card-header {
+  background-color: #00bc8c;
+}
+
+.dark-mode .card-green:not(.card-outline) > .card-header,
+.dark-mode .card-green:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-green:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-green.card-outline {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .card-green.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-green.card-outline-tabs > .card-header a.active,
+.dark-mode .card-green.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .bg-green > .card-header .btn-tool,
+.dark-mode .bg-gradient-green > .card-header .btn-tool,
+.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-green > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-green > .card-header .btn-tool:hover,
+.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #00936e;
+  color: #fff;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #00efb2;
+  color: #fff;
+}
+
+.dark-mode .card-teal:not(.card-outline) > .card-header {
+  background-color: #20c997;
+}
+
+.dark-mode .card-teal:not(.card-outline) > .card-header,
+.dark-mode .card-teal:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-teal:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-teal.card-outline {
+  border-top: 3px solid #20c997;
+}
+
+.dark-mode .card-teal.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-teal.card-outline-tabs > .card-header a.active,
+.dark-mode .card-teal.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #20c997;
+}
+
+.dark-mode .bg-teal > .card-header .btn-tool,
+.dark-mode .bg-gradient-teal > .card-header .btn-tool,
+.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-teal > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-teal > .card-header .btn-tool:hover,
+.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #1aa67d;
+  color: #fff;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3ce0af;
+  color: #fff;
+}
+
+.dark-mode .card-cyan:not(.card-outline) > .card-header {
+  background-color: #3498db;
+}
+
+.dark-mode .card-cyan:not(.card-outline) > .card-header,
+.dark-mode .card-cyan:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-cyan:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-cyan.card-outline {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .card-cyan.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-cyan.card-outline-tabs > .card-header a.active,
+.dark-mode .card-cyan.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .bg-cyan > .card-header .btn-tool,
+.dark-mode .bg-gradient-cyan > .card-header .btn-tool,
+.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-cyan > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-cyan > .card-header .btn-tool:hover,
+.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #2383c4;
+  color: #fff;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5faee3;
+  color: #fff;
+}
+
+.dark-mode .card-white:not(.card-outline) > .card-header {
+  background-color: #fff;
+}
+
+.dark-mode .card-white:not(.card-outline) > .card-header,
+.dark-mode .card-white:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-white:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-white.card-outline {
+  border-top: 3px solid #fff;
+}
+
+.dark-mode .card-white.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-white.card-outline-tabs > .card-header a.active,
+.dark-mode .card-white.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fff;
+}
+
+.dark-mode .bg-white > .card-header .btn-tool,
+.dark-mode .bg-gradient-white > .card-header .btn-tool,
+.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-white > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-white > .card-header .btn-tool:hover,
+.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #ebebeb;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-gray:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.dark-mode .card-gray:not(.card-outline) > .card-header,
+.dark-mode .card-gray:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-gray:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-gray.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .card-gray.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-gray.card-outline-tabs > .card-header a.active,
+.dark-mode .card-gray.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .bg-gray > .card-header .btn-tool,
+.dark-mode .bg-gradient-gray > .card-header .btn-tool,
+.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-gray > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-gray > .card-header .btn-tool:hover,
+.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header,
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-gray-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active,
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .bg-gray-dark > .card-header .btn-tool,
+.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool,
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-gray-dark > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool:hover,
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .card {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .card .card {
+  background-color: #3f474e;
+  color: #fff;
+}
+
+.dark-mode .card .nav.flex-column > li {
+  border-bottom-color: #6c757d;
+}
+
+.dark-mode .card .card-footer {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.dark-mode .card.card-outline-tabs {
+  border-top: 0;
+}
+
+.dark-mode .card.card-outline-tabs .card-header a:hover {
+  border-top-color: #6c757d;
+  border-bottom-color: transparent;
+}
+
+.dark-mode .card:not(.card-outline) > .card-header a.active {
+  color: #fff;
+}
+
+.dark-mode .card-comments {
+  background-color: #373d44;
+}
+
+.dark-mode .card-comments .username {
+  color: #ced4da;
+}
+
+.dark-mode .card-comments .card-comment {
+  border-bottom-color: #454d55;
+}
+
+.dark-mode .todo-list > li {
+  background-color: #3f474e;
+  border-color: #454d55;
+  color: #fff;
+}
+
+.dark-mode .todo-list .primary {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .todo-list .secondary {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .todo-list .success {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .todo-list .info {
+  border-left-color: #3498db;
+}
+
+.dark-mode .todo-list .warning {
+  border-left-color: #f39c12;
+}
+
+.dark-mode .todo-list .danger {
+  border-left-color: #e74c3c;
+}
+
+.dark-mode .todo-list .light {
+  border-left-color: #f8f9fa;
+}
+
+.dark-mode .todo-list .dark {
+  border-left-color: #343a40;
+}
+
+.dark-mode .todo-list .lightblue {
+  border-left-color: #86bad8;
+}
+
+.dark-mode .todo-list .navy {
+  border-left-color: #002c59;
+}
+
+.dark-mode .todo-list .olive {
+  border-left-color: #74c8a3;
+}
+
+.dark-mode .todo-list .lime {
+  border-left-color: #67ffa9;
+}
+
+.dark-mode .todo-list .fuchsia {
+  border-left-color: #f672d8;
+}
+
+.dark-mode .todo-list .maroon {
+  border-left-color: #ed6c9b;
+}
+
+.dark-mode .todo-list .blue {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .todo-list .indigo {
+  border-left-color: #6610f2;
+}
+
+.dark-mode .todo-list .purple {
+  border-left-color: #6f42c1;
+}
+
+.dark-mode .todo-list .pink {
+  border-left-color: #e83e8c;
+}
+
+.dark-mode .todo-list .red {
+  border-left-color: #e74c3c;
+}
+
+.dark-mode .todo-list .orange {
+  border-left-color: #fd7e14;
+}
+
+.dark-mode .todo-list .yellow {
+  border-left-color: #f39c12;
+}
+
+.dark-mode .todo-list .green {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .todo-list .teal {
+  border-left-color: #20c997;
+}
+
+.dark-mode .todo-list .cyan {
+  border-left-color: #3498db;
+}
+
+.dark-mode .todo-list .white {
+  border-left-color: #fff;
+}
+
+.dark-mode .todo-list .gray {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .todo-list .gray-dark {
+  border-left-color: #343a40;
+}
+
+.modal-dialog .overlay {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  margin: -1px;
+  z-index: 1052;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.7);
+  color: #666f76;
+  border-radius: 0.3rem;
+}
+
+.modal-content.bg-warning .modal-header,
+.modal-content.bg-warning .modal-footer {
+  border-color: #343a40;
+}
+
+.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .modal-header,
+.dark-mode .modal-footer {
+  border-color: #6c757d;
+}
+
+.dark-mode .modal-content {
+  background-color: #343a40;
+}
+
+.dark-mode .modal-content.bg-warning .modal-header,
+.dark-mode .modal-content.bg-warning .modal-footer {
+  border-color: #6c757d;
+}
+
+.dark-mode .modal-content.bg-warning .close, .dark-mode .modal-content.bg-warning .mailbox-attachment-close {
+  color: #343a40 !important;
+  text-shadow: 0 1px 0 #495057 !important;
+}
+
+.dark-mode .modal-content.bg-primary .modal-header,
+.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header,
+.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header,
+.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header,
+.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header,
+.dark-mode .modal-content.bg-success .modal-footer {
+  border-color: #fff;
+}
+
+.toasts-top-right {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1040;
+}
+
+.toasts-top-right.fixed {
+  position: fixed;
+}
+
+.toasts-top-left {
+  left: 0;
+  position: absolute;
+  top: 0;
+  z-index: 1040;
+}
+
+.toasts-top-left.fixed {
+  position: fixed;
+}
+
+.toasts-bottom-right {
+  bottom: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1040;
+}
+
+.toasts-bottom-right.fixed {
+  position: fixed;
+}
+
+.toasts-bottom-left {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  z-index: 1040;
+}
+
+.toasts-bottom-left.fixed {
+  position: fixed;
+}
+
+.dark-mode .toast {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast .toast-header {
+  background-color: rgba(52, 58, 64, 0.7);
+  color: #f8f9fa;
+}
+
+.dark-mode .toast.bg-primary {
+  background-color: rgba(63, 103, 145, 0.9) !important;
+}
+
+.dark-mode .toast.bg-primary .close, .dark-mode .toast.bg-primary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-primary .toast-header {
+  background-color: rgba(63, 103, 145, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-secondary {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.dark-mode .toast.bg-secondary .close, .dark-mode .toast.bg-secondary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-secondary .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-success {
+  background-color: rgba(0, 188, 140, 0.9) !important;
+}
+
+.dark-mode .toast.bg-success .close, .dark-mode .toast.bg-success .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-success .toast-header {
+  background-color: rgba(0, 188, 140, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-info {
+  background-color: rgba(52, 152, 219, 0.9) !important;
+}
+
+.dark-mode .toast.bg-info .close, .dark-mode .toast.bg-info .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-info .toast-header {
+  background-color: rgba(52, 152, 219, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-warning {
+  background-color: rgba(243, 156, 18, 0.9) !important;
+}
+
+.dark-mode .toast.bg-warning .toast-header {
+  background-color: rgba(243, 156, 18, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-danger {
+  background-color: rgba(231, 76, 60, 0.9) !important;
+}
+
+.dark-mode .toast.bg-danger .close, .dark-mode .toast.bg-danger .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-danger .toast-header {
+  background-color: rgba(231, 76, 60, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-light {
+  background-color: rgba(248, 249, 250, 0.9) !important;
+}
+
+.dark-mode .toast.bg-light .toast-header {
+  background-color: rgba(248, 249, 250, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.dark-mode .toast.bg-dark .close, .dark-mode .toast.bg-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-lightblue {
+  background-color: rgba(134, 186, 216, 0.9) !important;
+}
+
+.dark-mode .toast.bg-lightblue .toast-header {
+  background-color: rgba(134, 186, 216, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-navy {
+  background-color: rgba(0, 44, 89, 0.9) !important;
+}
+
+.dark-mode .toast.bg-navy .close, .dark-mode .toast.bg-navy .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-navy .toast-header {
+  background-color: rgba(0, 44, 89, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-olive {
+  background-color: rgba(116, 200, 163, 0.9) !important;
+}
+
+.dark-mode .toast.bg-olive .toast-header {
+  background-color: rgba(116, 200, 163, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-lime {
+  background-color: rgba(103, 255, 169, 0.9) !important;
+}
+
+.dark-mode .toast.bg-lime .toast-header {
+  background-color: rgba(103, 255, 169, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-fuchsia {
+  background-color: rgba(246, 114, 216, 0.9) !important;
+}
+
+.dark-mode .toast.bg-fuchsia .toast-header {
+  background-color: rgba(246, 114, 216, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-maroon {
+  background-color: rgba(237, 108, 155, 0.9) !important;
+}
+
+.dark-mode .toast.bg-maroon .toast-header {
+  background-color: rgba(237, 108, 155, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-blue {
+  background-color: rgba(63, 103, 145, 0.9) !important;
+}
+
+.dark-mode .toast.bg-blue .close, .dark-mode .toast.bg-blue .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-blue .toast-header {
+  background-color: rgba(63, 103, 145, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-indigo {
+  background-color: rgba(102, 16, 242, 0.9) !important;
+}
+
+.dark-mode .toast.bg-indigo .close, .dark-mode .toast.bg-indigo .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-indigo .toast-header {
+  background-color: rgba(102, 16, 242, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-purple {
+  background-color: rgba(111, 66, 193, 0.9) !important;
+}
+
+.dark-mode .toast.bg-purple .close, .dark-mode .toast.bg-purple .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-purple .toast-header {
+  background-color: rgba(111, 66, 193, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-pink {
+  background-color: rgba(232, 62, 140, 0.9) !important;
+}
+
+.dark-mode .toast.bg-pink .close, .dark-mode .toast.bg-pink .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-pink .toast-header {
+  background-color: rgba(232, 62, 140, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-red {
+  background-color: rgba(231, 76, 60, 0.9) !important;
+}
+
+.dark-mode .toast.bg-red .close, .dark-mode .toast.bg-red .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-red .toast-header {
+  background-color: rgba(231, 76, 60, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-orange {
+  background-color: rgba(253, 126, 20, 0.9) !important;
+}
+
+.dark-mode .toast.bg-orange .toast-header {
+  background-color: rgba(253, 126, 20, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-yellow {
+  background-color: rgba(243, 156, 18, 0.9) !important;
+}
+
+.dark-mode .toast.bg-yellow .toast-header {
+  background-color: rgba(243, 156, 18, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-green {
+  background-color: rgba(0, 188, 140, 0.9) !important;
+}
+
+.dark-mode .toast.bg-green .close, .dark-mode .toast.bg-green .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-green .toast-header {
+  background-color: rgba(0, 188, 140, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-teal {
+  background-color: rgba(32, 201, 151, 0.9) !important;
+}
+
+.dark-mode .toast.bg-teal .close, .dark-mode .toast.bg-teal .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-teal .toast-header {
+  background-color: rgba(32, 201, 151, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-cyan {
+  background-color: rgba(52, 152, 219, 0.9) !important;
+}
+
+.dark-mode .toast.bg-cyan .close, .dark-mode .toast.bg-cyan .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-cyan .toast-header {
+  background-color: rgba(52, 152, 219, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-white {
+  background-color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.dark-mode .toast.bg-white .toast-header {
+  background-color: rgba(255, 255, 255, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-gray {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.dark-mode .toast.bg-gray .close, .dark-mode .toast.bg-gray .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-gray .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-gray-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.dark-mode .toast.bg-gray-dark .close, .dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-gray-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.toast.bg-primary {
+  background-color: rgba(0, 123, 255, 0.9) !important;
+}
+
+.toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-primary .toast-header {
+  background-color: rgba(0, 123, 255, 0.85);
+  color: #fff;
+}
+
+.toast.bg-secondary {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-secondary .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.toast.bg-success {
+  background-color: rgba(40, 167, 69, 0.9) !important;
+}
+
+.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-success .toast-header {
+  background-color: rgba(40, 167, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-info {
+  background-color: rgba(23, 162, 184, 0.9) !important;
+}
+
+.toast.bg-info .close, .toast.bg-info .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-info .toast-header {
+  background-color: rgba(23, 162, 184, 0.85);
+  color: #fff;
+}
+
+.toast.bg-warning {
+  background-color: rgba(255, 193, 7, 0.9) !important;
+}
+
+.toast.bg-warning .toast-header {
+  background-color: rgba(255, 193, 7, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-danger {
+  background-color: rgba(220, 53, 69, 0.9) !important;
+}
+
+.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-danger .toast-header {
+  background-color: rgba(220, 53, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-light {
+  background-color: rgba(248, 249, 250, 0.9) !important;
+}
+
+.toast.bg-light .toast-header {
+  background-color: rgba(248, 249, 250, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.toast.bg-lightblue {
+  background-color: rgba(60, 141, 188, 0.9) !important;
+}
+
+.toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-lightblue .toast-header {
+  background-color: rgba(60, 141, 188, 0.85);
+  color: #fff;
+}
+
+.toast.bg-navy {
+  background-color: rgba(0, 31, 63, 0.9) !important;
+}
+
+.toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-navy .toast-header {
+  background-color: rgba(0, 31, 63, 0.85);
+  color: #fff;
+}
+
+.toast.bg-olive {
+  background-color: rgba(61, 153, 112, 0.9) !important;
+}
+
+.toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-olive .toast-header {
+  background-color: rgba(61, 153, 112, 0.85);
+  color: #fff;
+}
+
+.toast.bg-lime {
+  background-color: rgba(1, 255, 112, 0.9) !important;
+}
+
+.toast.bg-lime .toast-header {
+  background-color: rgba(1, 255, 112, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-fuchsia {
+  background-color: rgba(240, 18, 190, 0.9) !important;
+}
+
+.toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-fuchsia .toast-header {
+  background-color: rgba(240, 18, 190, 0.85);
+  color: #fff;
+}
+
+.toast.bg-maroon {
+  background-color: rgba(216, 27, 96, 0.9) !important;
+}
+
+.toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-maroon .toast-header {
+  background-color: rgba(216, 27, 96, 0.85);
+  color: #fff;
+}
+
+.toast.bg-blue {
+  background-color: rgba(0, 123, 255, 0.9) !important;
+}
+
+.toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-blue .toast-header {
+  background-color: rgba(0, 123, 255, 0.85);
+  color: #fff;
+}
+
+.toast.bg-indigo {
+  background-color: rgba(102, 16, 242, 0.9) !important;
+}
+
+.toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-indigo .toast-header {
+  background-color: rgba(102, 16, 242, 0.85);
+  color: #fff;
+}
+
+.toast.bg-purple {
+  background-color: rgba(111, 66, 193, 0.9) !important;
+}
+
+.toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-purple .toast-header {
+  background-color: rgba(111, 66, 193, 0.85);
+  color: #fff;
+}
+
+.toast.bg-pink {
+  background-color: rgba(232, 62, 140, 0.9) !important;
+}
+
+.toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-pink .toast-header {
+  background-color: rgba(232, 62, 140, 0.85);
+  color: #fff;
+}
+
+.toast.bg-red {
+  background-color: rgba(220, 53, 69, 0.9) !important;
+}
+
+.toast.bg-red .close, .toast.bg-red .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-red .toast-header {
+  background-color: rgba(220, 53, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-orange {
+  background-color: rgba(253, 126, 20, 0.9) !important;
+}
+
+.toast.bg-orange .toast-header {
+  background-color: rgba(253, 126, 20, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-yellow {
+  background-color: rgba(255, 193, 7, 0.9) !important;
+}
+
+.toast.bg-yellow .toast-header {
+  background-color: rgba(255, 193, 7, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-green {
+  background-color: rgba(40, 167, 69, 0.9) !important;
+}
+
+.toast.bg-green .close, .toast.bg-green .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-green .toast-header {
+  background-color: rgba(40, 167, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-teal {
+  background-color: rgba(32, 201, 151, 0.9) !important;
+}
+
+.toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-teal .toast-header {
+  background-color: rgba(32, 201, 151, 0.85);
+  color: #fff;
+}
+
+.toast.bg-cyan {
+  background-color: rgba(23, 162, 184, 0.9) !important;
+}
+
+.toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-cyan .toast-header {
+  background-color: rgba(23, 162, 184, 0.85);
+  color: #fff;
+}
+
+.toast.bg-white {
+  background-color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.toast.bg-white .toast-header {
+  background-color: rgba(255, 255, 255, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-gray {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-gray .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.toast.bg-gray-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-gray-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.btn.disabled, .btn:disabled {
+  cursor: not-allowed;
+}
+
+.btn.btn-flat {
+  border-radius: 0;
+  border-width: 1px;
+  box-shadow: none;
+}
+
+.btn.btn-file {
+  overflow: hidden;
   position: relative;
+}
+
+.btn.btn-file > input[type="file"] {
+  background-color: #fff;
+  cursor: inherit;
+  display: block;
+  font-size: 100px;
+  min-height: 100%;
+  min-width: 100%;
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  top: 0;
+}
+
+.text-sm .btn {
+  font-size: 0.875rem !important;
+}
+
+.btn-default {
+  background-color: #f8f9fa;
+  border-color: #ddd;
+  color: #444;
+}
+
+.btn-default:hover, .btn-default:active, .btn-default.hover {
+  background-color: #e9ecef;
+  color: #2b2b2b;
+}
+
+.btn-default.disabled, .btn-default:disabled {
+  color: #444;
+  background-color: #f8f9fa;
+}
+
+.btn-outline-light {
+  color: #bdc6d0;
+  border-color: #bdc6d0;
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+  color: #bdc6d0;
+  border-color: #bdc6d0;
+}
+
+.btn-app {
+  border-radius: 3px;
+  background-color: #f8f9fa;
+  border: 1px solid #ddd;
+  color: #6c757d;
+  font-size: 12px;
+  height: 60px;
+  margin: 0 0 10px 10px;
+  min-width: 80px;
+  padding: 15px 5px;
+  position: relative;
+  text-align: center;
+}
+
+.btn-app > .fa,
+.btn-app > .fas,
+.btn-app > .far,
+.btn-app > .fab,
+.btn-app > .fal,
+.btn-app > .fad,
+.btn-app > .svg-inline--fa,
+.btn-app > .ion {
+  display: block;
+  font-size: 20px;
+}
+
+.btn-app > .svg-inline--fa {
+  margin: 0 auto;
+}
+
+.btn-app:hover {
+  background-color: #f8f9fa;
+  border-color: #aaaaaa;
+  color: #444;
+}
+
+.btn-app:active, .btn-app:focus {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+
+.btn-app > .badge {
+  font-size: 10px;
+  font-weight: 400;
+  position: absolute;
+  right: -10px;
+  top: -3px;
+}
+
+.btn-xs {
+  padding: 0.125rem 0.25rem;
+  font-size: 0.75rem;
+  line-height: 1.5;
+  border-radius: 0.15rem;
+}
+
+.dark-mode .btn-default,
+.dark-mode .btn-app {
+  background-color: #3a4047;
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-default:hover, .dark-mode .btn-default:focus,
+.dark-mode .btn-app:hover,
+.dark-mode .btn-app:focus {
+  background-color: #3f474e;
+  color: #dee2e6;
+  border-color: #727b84;
+}
+
+.dark-mode .btn-light {
+  background-color: #454d55;
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-light:hover, .dark-mode .btn-light:focus {
+  background-color: #4b545c;
+  color: #dee2e6;
+  border-color: #78828a;
+}
+
+.dark-mode .btn-primary {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+  box-shadow: none;
+}
+
+.dark-mode .btn-primary:hover {
+  color: #fff;
+  background-color: #335476;
+  border-color: #304e6d;
+}
+
+.dark-mode .btn-primary:focus, .dark-mode .btn-primary.focus {
+  color: #fff;
+  background-color: #335476;
+  border-color: #304e6d;
+  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
+}
+
+.dark-mode .btn-primary.disabled, .dark-mode .btn-primary:disabled {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-primary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #304e6d;
+  border-color: #2c4765;
+}
+
+.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
+}
+
+.dark-mode .btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+  box-shadow: none;
+}
+
+.dark-mode .btn-secondary:hover {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.dark-mode .btn-secondary:focus, .dark-mode .btn-secondary.focus {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.dark-mode .btn-secondary.disabled, .dark-mode .btn-secondary:disabled {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #545b62;
+  border-color: #4e555b;
+}
+
+.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.dark-mode .btn-success {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  box-shadow: none;
+}
+
+.dark-mode .btn-success:hover {
+  color: #fff;
+  background-color: #009670;
+  border-color: #008966;
+}
+
+.dark-mode .btn-success:focus, .dark-mode .btn-success.focus {
+  color: #fff;
+  background-color: #009670;
+  border-color: #008966;
+  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
+}
+
+.dark-mode .btn-success.disabled, .dark-mode .btn-success:disabled {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-success:not(:disabled):not(.disabled):active, .dark-mode .btn-success:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #008966;
+  border-color: #007c5d;
+}
+
+.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
+}
+
+.dark-mode .btn-info {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+  box-shadow: none;
+}
+
+.dark-mode .btn-info:hover {
+  color: #fff;
+  background-color: #2384c6;
+  border-color: #217dbb;
+}
+
+.dark-mode .btn-info:focus, .dark-mode .btn-info.focus {
+  color: #fff;
+  background-color: #2384c6;
+  border-color: #217dbb;
+  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
+}
+
+.dark-mode .btn-info.disabled, .dark-mode .btn-info:disabled {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-info:not(:disabled):not(.disabled):active, .dark-mode .btn-info:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #217dbb;
+  border-color: #1f76b0;
+}
+
+.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
+}
+
+.dark-mode .btn-warning {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+  box-shadow: none;
+}
+
+.dark-mode .btn-warning:hover {
+  color: #fff;
+  background-color: #d4860b;
+  border-color: #c87f0a;
+}
+
+.dark-mode .btn-warning:focus, .dark-mode .btn-warning.focus {
+  color: #fff;
+  background-color: #d4860b;
+  border-color: #c87f0a;
+  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
+}
+
+.dark-mode .btn-warning.disabled, .dark-mode .btn-warning:disabled {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-warning:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-warning.dropdown-toggle {
+  color: #fff;
+  background-color: #c87f0a;
+  border-color: #bc770a;
+}
+
+.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
+}
+
+.dark-mode .btn-danger {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  box-shadow: none;
+}
+
+.dark-mode .btn-danger:hover {
+  color: #fff;
+  background-color: #e12e1c;
+  border-color: #d62c1a;
+}
+
+.dark-mode .btn-danger:focus, .dark-mode .btn-danger.focus {
+  color: #fff;
+  background-color: #e12e1c;
+  border-color: #d62c1a;
+  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
+}
+
+.dark-mode .btn-danger.disabled, .dark-mode .btn-danger:disabled {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-danger:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #d62c1a;
+  border-color: #ca2a19;
+}
+
+.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
+}
+
+.dark-mode .btn-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  box-shadow: none;
+}
+
+.dark-mode .btn-light:hover {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+}
+
+.dark-mode .btn-light:focus, .dark-mode .btn-light.focus {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.dark-mode .btn-light.disabled, .dark-mode .btn-light:disabled {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #dae0e5;
+  border-color: #d3d9df;
+}
+
+.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.dark-mode .btn-dark {
+  color: #fff;
+  background-color: #292d32;
+  border-color: #4b545c;
+  box-shadow: none;
+}
+
+.dark-mode .btn-dark:hover {
+  color: #fff;
+  background-color: #171a1d;
+  border-color: #343a40;
+}
+
+.dark-mode .btn-dark:focus, .dark-mode .btn-dark.focus {
+  color: #fff;
+  background-color: #171a1d;
+  border-color: #343a40;
+  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
+}
+
+.dark-mode .btn-dark.disabled, .dark-mode .btn-dark:disabled {
+  color: #fff;
+  background-color: #292d32;
+  border-color: #4b545c;
+}
+
+.dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #121416;
+  border-color: #2e3439;
+}
+
+.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
+}
+
+.dark-mode .btn-outline-primary {
+  color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-outline-primary:hover {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-outline-primary:focus, .dark-mode .btn-outline-primary.focus {
+  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
+}
+
+.dark-mode .btn-outline-primary.disabled, .dark-mode .btn-outline-primary:disabled {
+  color: #3f6791;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
+}
+
+.dark-mode .btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-outline-secondary:focus, .dark-mode .btn-outline-secondary.focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.dark-mode .btn-outline-secondary.disabled, .dark-mode .btn-outline-secondary:disabled {
+  color: #6c757d;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.dark-mode .btn-outline-success {
+  color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-outline-success:hover {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-outline-success:focus, .dark-mode .btn-outline-success.focus {
+  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
+}
+
+.dark-mode .btn-outline-success.disabled, .dark-mode .btn-outline-success:disabled {
+  color: #00bc8c;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-success.dropdown-toggle {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
+}
+
+.dark-mode .btn-outline-info {
+  color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-outline-info:hover {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-outline-info:focus, .dark-mode .btn-outline-info.focus {
+  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
+}
+
+.dark-mode .btn-outline-info.disabled, .dark-mode .btn-outline-info:disabled {
+  color: #3498db;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
+}
+
+.dark-mode .btn-outline-warning {
+  color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-outline-warning:hover {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-outline-warning:focus, .dark-mode .btn-outline-warning.focus {
+  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
+}
+
+.dark-mode .btn-outline-warning.disabled, .dark-mode .btn-outline-warning:disabled {
+  color: #f39c12;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-warning.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
+}
+
+.dark-mode .btn-outline-danger {
+  color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-outline-danger:hover {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-outline-danger:focus, .dark-mode .btn-outline-danger.focus {
+  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
+}
+
+.dark-mode .btn-outline-danger.disabled, .dark-mode .btn-outline-danger:disabled {
+  color: #e74c3c;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
+}
+
+.dark-mode .btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-outline-light:hover {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-outline-light:focus, .dark-mode .btn-outline-light.focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.dark-mode .btn-outline-light.disabled, .dark-mode .btn-outline-light:disabled {
+  color: #f8f9fa;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.dark-mode .btn-outline-dark {
+  color: #060708;
+  border-color: #060708;
+}
+
+.dark-mode .btn-outline-dark:hover {
+  color: #fff;
+  background-color: #060708;
+  border-color: #060708;
+}
+
+.dark-mode .btn-outline-dark:focus, .dark-mode .btn-outline-dark.focus {
+  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
+}
+
+.dark-mode .btn-outline-dark.disabled, .dark-mode .btn-outline-dark:disabled {
+  color: #060708;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #060708;
+  border-color: #060708;
+}
+
+.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
+}
+
+.callout {
+  border-radius: 0.25rem;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #fff;
+  border-left: 5px solid #e9ecef;
+  margin-bottom: 1rem;
+  padding: 1rem;
+}
+
+.callout a {
+  color: #495057;
+  text-decoration: underline;
+}
+
+.callout a:hover {
+  color: #e9ecef;
+}
+
+.callout p:last-child {
+  margin-bottom: 0;
+}
+
+.callout.callout-danger {
+  border-left-color: #bd2130;
+}
+
+.callout.callout-warning {
+  border-left-color: #d39e00;
+}
+
+.callout.callout-info {
+  border-left-color: #117a8b;
+}
+
+.callout.callout-success {
+  border-left-color: #1e7e34;
+}
+
+.dark-mode .callout {
+  background-color: #3f474e;
+}
+
+.dark-mode .callout.callout-danger {
+  border-left-color: #ed7669;
+}
+
+.dark-mode .callout.callout-warning {
+  border-left-color: #f5b043;
+}
+
+.dark-mode .callout.callout-info {
+  border-left-color: #5faee3;
+}
+
+.dark-mode .callout.callout-success {
+  border-left-color: #00efb2;
+}
+
+.alert .icon {
+  margin-right: 10px;
+}
+
+.alert .close, .alert .mailbox-attachment-close {
+  color: #000;
+  opacity: .2;
+}
+
+.alert .close:hover, .alert .mailbox-attachment-close:hover {
+  opacity: .5;
+}
+
+.alert a {
+  color: #fff;
+  text-decoration: underline;
+}
+
+.alert-primary {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #006fe6;
+}
+
+.alert-default-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.alert-default-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.alert-default-primary .alert-link {
+  color: #002752;
+}
+
+.alert-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #60686f;
+}
+
+.alert-default-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.alert-default-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.alert-default-secondary .alert-link {
+  color: #202326;
+}
+
+.alert-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #23923d;
+}
+
+.alert-default-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-default-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.alert-default-success .alert-link {
+  color: #0b2e13;
+}
+
+.alert-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #148ea1;
+}
+
+.alert-default-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.alert-default-info hr {
+  border-top-color: #abdde5;
+}
+
+.alert-default-info .alert-link {
+  color: #062c33;
+}
+
+.alert-warning {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #edb100;
+}
+
+.alert-default-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.alert-default-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.alert-default-warning .alert-link {
+  color: #533f03;
+}
+
+.alert-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #d32535;
+}
+
+.alert-default-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-default-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.alert-default-danger .alert-link {
+  color: #491217;
+}
+
+.alert-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+}
+
+.alert-default-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.alert-default-light hr {
+  border-top-color: #ececf6;
+}
+
+.alert-default-light .alert-link {
+  color: #686868;
+}
+
+.alert-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #292d32;
+}
+
+.alert-default-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.alert-default-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.alert-default-dark .alert-link {
+  color: #040505;
+}
+
+.dark-mode .alert-primary {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #375a7f;
+}
+
+.dark-mode .alert-default-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.dark-mode .alert-default-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.dark-mode .alert-default-primary .alert-link {
+  color: #002752;
+}
+
+.dark-mode .alert-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #60686f;
+}
+
+.dark-mode .alert-default-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.dark-mode .alert-default-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.dark-mode .alert-default-secondary .alert-link {
+  color: #202326;
+}
+
+.dark-mode .alert-success {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00a379;
+}
+
+.dark-mode .alert-default-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.dark-mode .alert-default-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.dark-mode .alert-default-success .alert-link {
+  color: #0b2e13;
+}
+
+.dark-mode .alert-info {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #258cd1;
+}
+
+.dark-mode .alert-default-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.dark-mode .alert-default-info hr {
+  border-top-color: #abdde5;
+}
+
+.dark-mode .alert-default-info .alert-link {
+  color: #062c33;
+}
+
+.dark-mode .alert-warning {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #e08e0b;
+}
+
+.dark-mode .alert-default-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.dark-mode .alert-default-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.dark-mode .alert-default-warning .alert-link {
+  color: #533f03;
+}
+
+.dark-mode .alert-danger {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e43725;
+}
+
+.dark-mode .alert-default-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.dark-mode .alert-default-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.dark-mode .alert-default-danger .alert-link {
+  color: #491217;
+}
+
+.dark-mode .alert-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+}
+
+.dark-mode .alert-default-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.dark-mode .alert-default-light hr {
+  border-top-color: #ececf6;
+}
+
+.dark-mode .alert-default-light .alert-link {
+  color: #686868;
+}
+
+.dark-mode .alert-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #292d32;
+}
+
+.dark-mode .alert-default-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.dark-mode .alert-default-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.dark-mode .alert-default-dark .alert-link {
+  color: #040505;
+}
+
+.table:not(.table-dark) {
+  color: inherit;
+}
+
+.table.table-head-fixed thead tr:nth-child(1) th {
+  background-color: #fff;
+  border-bottom: 0;
+  box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+
+.table.table-head-fixed.table-dark thead tr:nth-child(1) th {
+  background-color: #212529;
+  box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45;
+}
+
+.table.no-border,
+.table.no-border td,
+.table.no-border th {
+  border: 0;
+}
+
+.table.text-center,
+.table.text-center td,
+.table.text-center th {
+  text-align: center;
+}
+
+.table.table-valign-middle thead > tr > th,
+.table.table-valign-middle thead > tr > td,
+.table.table-valign-middle tbody > tr > th,
+.table.table-valign-middle tbody > tr > td {
+  vertical-align: middle;
+}
+
+.card-body.p-0 .table thead > tr > th:first-of-type,
+.card-body.p-0 .table thead > tr > td:first-of-type,
+.card-body.p-0 .table tfoot > tr > th:first-of-type,
+.card-body.p-0 .table tfoot > tr > td:first-of-type,
+.card-body.p-0 .table tbody > tr > th:first-of-type,
+.card-body.p-0 .table tbody > tr > td:first-of-type {
+  padding-left: 1.5rem;
+}
+
+.card-body.p-0 .table thead > tr > th:last-of-type,
+.card-body.p-0 .table thead > tr > td:last-of-type,
+.card-body.p-0 .table tfoot > tr > th:last-of-type,
+.card-body.p-0 .table tfoot > tr > td:last-of-type,
+.card-body.p-0 .table tbody > tr > th:last-of-type,
+.card-body.p-0 .table tbody > tr > td:last-of-type {
+  padding-right: 1.5rem;
+}
+
+.table-hover tbody tr.expandable-body:hover {
+  background-color: inherit !important;
+}
+
+[data-widget="expandable-table"] {
+  cursor: pointer;
+}
+
+[data-widget="expandable-table"] i.expandable-table-caret {
+  transition: transform 0.3s linear;
+}
+
+[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="right"] {
+  transform: rotate(90deg);
+}
+
+[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="left"] {
+  transform: rotate(-90deg);
+}
+
+[aria-expanded="true"] {
+  cursor: pointer;
+}
+
+[aria-expanded="true"] i.expandable-table-caret {
+  transition: transform 0.3s linear;
+}
+
+[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="right"] {
+  transform: rotate(90deg);
+}
+
+[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="left"] {
+  transform: rotate(-90deg);
+}
+
+.expandable-body > td {
+  padding: 0 !important;
+  width: 100%;
+}
+
+.expandable-body > td > div,
+.expandable-body > td > p {
+  padding: 0.75rem;
+}
+
+.expandable-body .table {
+  width: calc(100% - 0.75rem);
+  margin: 0 0 0 0.75rem;
+}
+
+.expandable-body .table tr:first-child td,
+.expandable-body .table tr:first-child th {
+  border-top: none;
+}
+
+.dark-mode .table-bordered,
+.dark-mode .table-bordered td,
+.dark-mode .table-bordered th {
+  border-color: #6c757d;
+}
+
+.dark-mode .table-hover tbody tr:hover {
+  color: #dee2e6;
+  background-color: #3a4047;
+  border-color: #6c757d;
+}
+
+.dark-mode .table thead th {
+  border-bottom-color: #6c757d;
+}
+
+.dark-mode .table th,
+.dark-mode .table td {
+  border-top-color: #6c757d;
+}
+
+.dark-mode .table.table-head-fixed thead tr:nth-child(1) th {
+  background-color: #3f474e;
+}
+
+.carousel-control-prev .carousel-control-custom-icon {
+  margin-left: -20px;
+}
+
+.carousel-control-next .carousel-control-custom-icon {
+  margin-right: 20px;
+}
+
+.carousel-control-custom-icon > .fa,
+.carousel-control-custom-icon > .fas,
+.carousel-control-custom-icon > .far,
+.carousel-control-custom-icon > .fab,
+.carousel-control-custom-icon > .fal,
+.carousel-control-custom-icon > .fad,
+.carousel-control-custom-icon > .svg-inline--fa,
+.carousel-control-custom-icon > .ion {
+  display: inline-block;
+  font-size: 40px;
+  margin-top: -20px;
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+}
+
+.close, .mailbox-attachment-close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5;
+}
+
+.close:hover, .mailbox-attachment-close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
+  opacity: .75;
+}
+
+.close:focus, .mailbox-attachment-close:focus {
+  outline: none;
+}
+
+button.close, button.mailbox-attachment-close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+a.close.disabled, a.disabled.mailbox-attachment-close {
+  pointer-events: none;
+}
+
+.small-box {
+  border-radius: 0.25rem;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
   display: block;
   margin-bottom: 20px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  position: relative;
 }
+
 .small-box > .inner {
   padding: 10px;
 }
+
 .small-box > .small-box-footer {
-  position: relative;
-  text-align: center;
-  padding: 3px 0;
-  color: #fff;
+  background-color: rgba(0, 0, 0, 0.1);
   color: rgba(255, 255, 255, 0.8);
   display: block;
-  z-index: 10;
-  background: rgba(0, 0, 0, 0.1);
+  padding: 3px 0;
+  position: relative;
+  text-align: center;
   text-decoration: none;
+  z-index: 10;
 }
+
 .small-box > .small-box-footer:hover {
+  background-color: rgba(0, 0, 0, 0.15);
   color: #fff;
-  background: rgba(0, 0, 0, 0.15);
 }
+
 .small-box h3 {
-  font-size: 38px;
-  font-weight: bold;
-  margin: 0 0 10px 0;
-  white-space: nowrap;
+  font-size: 2.2rem;
+  font-weight: 700;
+  margin: 0 0 10px;
   padding: 0;
+  white-space: nowrap;
 }
+
+@media (min-width: 992px) {
+  .col-xl-2 .small-box h3,
+  .col-lg-2 .small-box h3,
+  .col-md-2 .small-box h3 {
+    font-size: 1.6rem;
+  }
+  .col-xl-3 .small-box h3,
+  .col-lg-3 .small-box h3,
+  .col-md-3 .small-box h3 {
+    font-size: 1.6rem;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl-2 .small-box h3,
+  .col-lg-2 .small-box h3,
+  .col-md-2 .small-box h3 {
+    font-size: 2.2rem;
+  }
+  .col-xl-3 .small-box h3,
+  .col-lg-3 .small-box h3,
+  .col-md-3 .small-box h3 {
+    font-size: 2.2rem;
+  }
+}
+
 .small-box p {
-  font-size: 15px;
+  font-size: 1rem;
 }
+
 .small-box p > small {
+  color: #f8f9fa;
   display: block;
-  color: #f9f9f9;
-  font-size: 13px;
+  font-size: .9rem;
   margin-top: 5px;
 }
+
 .small-box h3,
 .small-box p {
   z-index: 5;
 }
+
 .small-box .icon {
-  transition: all 0.3s linear;
-  position: absolute;
-  top: -10px;
-  right: 10px;
-  z-index: 0;
-  font-size: 90px;
   color: rgba(0, 0, 0, 0.15);
+  z-index: 0;
 }
+
+.small-box .icon > i {
+  font-size: 90px;
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  transition: transform 0.3s linear;
+}
+
+.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion {
+  font-size: 70px;
+  top: 20px;
+}
+
+.small-box .icon svg {
+  font-size: 70px;
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  transition: transform 0.3s linear;
+}
+
 .small-box:hover {
   text-decoration: none;
-  color: #f9f9f9;
 }
-.small-box:hover .icon {
-  font-size: 95px;
+
+.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion {
+  transform: scale(1.1);
 }
-@media (max-width: 767px) {
+
+.small-box:hover .icon > svg {
+  transform: scale(1.1);
+}
+
+@media (max-width: 767.98px) {
   .small-box {
     text-align: center;
   }
@@ -1502,3827 +33121,10887 @@ a:focus {
     font-size: 12px;
   }
 }
-/*
- * Component: Box
- * --------------
- */
-.box {
+
+.info-box {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
+  background-color: #fff;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 1rem;
+  min-height: 80px;
+  padding: .5rem;
   position: relative;
-  border-radius: 3px;
-  background: #ffffff;
-  border-top: 3px solid #d2d6de;
-  margin-bottom: 20px;
   width: 100%;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
-.box.box-primary {
-  border-top-color: #3c8dbc;
+
+.info-box .progress {
+  background-color: rgba(0, 0, 0, 0.125);
+  height: 2px;
+  margin: 5px 0;
 }
-.box.box-info {
-  border-top-color: #00c0ef;
-}
-.box.box-danger {
-  border-top-color: #dd4b39;
-}
-.box.box-warning {
-  border-top-color: #f39c12;
-}
-.box.box-success {
-  border-top-color: #00a65a;
-}
-.box.box-default {
-  border-top-color: #d2d6de;
-}
-.box.collapsed-box .box-body,
-.box.collapsed-box .box-footer {
-  display: none;
-}
-.box .nav-stacked > li {
-  border-bottom: 1px solid #f4f4f4;
-  margin: 0;
-}
-.box .nav-stacked > li:last-of-type {
-  border-bottom: none;
-}
-.box.height-control .box-body {
-  max-height: 300px;
-  overflow: auto;
-}
-.box .border-right {
-  border-right: 1px solid #f4f4f4;
-}
-.box .border-left {
-  border-left: 1px solid #f4f4f4;
-}
-.box.box-solid {
-  border-top: 0;
-}
-.box.box-solid > .box-header .btn.btn-default {
-  background: transparent;
-}
-.box.box-solid > .box-header .btn:hover,
-.box.box-solid > .box-header a:hover {
-  background: rgba(0, 0, 0, 0.1);
-}
-.box.box-solid.box-default {
-  border: 1px solid #d2d6de;
-}
-.box.box-solid.box-default > .box-header {
-  color: #444;
-  background: #d2d6de;
-  background-color: #d2d6de;
-}
-.box.box-solid.box-default > .box-header a,
-.box.box-solid.box-default > .box-header .btn {
-  color: #444;
-}
-.box.box-solid.box-primary {
-  border: 1px solid #3c8dbc;
-}
-.box.box-solid.box-primary > .box-header {
-  color: #fff;
-  background: #3c8dbc;
-  background-color: #3c8dbc;
-}
-.box.box-solid.box-primary > .box-header a,
-.box.box-solid.box-primary > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-info {
-  border: 1px solid #00c0ef;
-}
-.box.box-solid.box-info > .box-header {
-  color: #fff;
-  background: #00c0ef;
-  background-color: #00c0ef;
-}
-.box.box-solid.box-info > .box-header a,
-.box.box-solid.box-info > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-danger {
-  border: 1px solid #dd4b39;
-}
-.box.box-solid.box-danger > .box-header {
-  color: #fff;
-  background: #dd4b39;
-  background-color: #dd4b39;
-}
-.box.box-solid.box-danger > .box-header a,
-.box.box-solid.box-danger > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-warning {
-  border: 1px solid #f39c12;
-}
-.box.box-solid.box-warning > .box-header {
-  color: #fff;
-  background: #f39c12;
-  background-color: #f39c12;
-}
-.box.box-solid.box-warning > .box-header a,
-.box.box-solid.box-warning > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-success {
-  border: 1px solid #00a65a;
-}
-.box.box-solid.box-success > .box-header {
-  color: #fff;
-  background: #00a65a;
-  background-color: #00a65a;
-}
-.box.box-solid.box-success > .box-header a,
-.box.box-solid.box-success > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid > .box-header > .box-tools .btn {
-  border: 0;
-  box-shadow: none;
-}
-.box.box-solid[class*='bg'] > .box-header {
-  color: #fff;
-}
-.box .box-group > .box {
-  margin-bottom: 5px;
-}
-.box .knob-label {
-  text-align: center;
-  color: #333;
-  font-weight: 100;
-  font-size: 12px;
-  margin-bottom: 0.3em;
-}
-.box > .overlay,
-.overlay-wrapper > .overlay,
-.box > .loading-img,
-.overlay-wrapper > .loading-img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.box .overlay,
-.overlay-wrapper .overlay {
-  z-index: 50;
-  background: rgba(255, 255, 255, 0.7);
-  border-radius: 3px;
-}
-.box .overlay > .fa,
-.overlay-wrapper .overlay > .fa {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-left: -15px;
-  margin-top: -15px;
-  color: #000;
-  font-size: 30px;
-}
-.box .overlay.dark,
-.overlay-wrapper .overlay.dark {
-  background: rgba(0, 0, 0, 0.5);
-}
-.box-header:before,
-.box-body:before,
-.box-footer:before,
-.box-header:after,
-.box-body:after,
-.box-footer:after {
-  content: " ";
-  display: table;
-}
-.box-header:after,
-.box-body:after,
-.box-footer:after {
-  clear: both;
-}
-.box-header {
-  color: #444;
-  display: block;
-  padding: 10px;
-  position: relative;
-}
-.box-header.with-border {
-  border-bottom: 1px solid #f4f4f4;
-}
-.collapsed-box .box-header.with-border {
-  border-bottom: none;
-}
-.box-header > .fa,
-.box-header > .glyphicon,
-.box-header > .ion,
-.box-header .box-title {
-  display: inline-block;
-  font-size: 18px;
-  margin: 0;
-  line-height: 1;
-}
-.box-header > .fa,
-.box-header > .glyphicon,
-.box-header > .ion {
-  margin-right: 5px;
-}
-.box-header > .box-tools {
-  float: right;
-  margin-top: -5px;
-  margin-bottom: -5px;
-}
-.box-header > .box-tools [data-toggle="tooltip"] {
-  position: relative;
-}
-.box-header > .box-tools.pull-right .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-.box-header > .box-tools .dropdown-menu > li > a {
-  color: #444 !important;
-}
-.btn-box-tool {
-  padding: 5px;
-  font-size: 12px;
-  background: transparent;
-  color: #97a0b3;
-}
-.open .btn-box-tool,
-.btn-box-tool:hover {
-  color: #606c84;
-}
-.btn-box-tool.btn:active {
-  box-shadow: none;
-}
-.box-body {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  padding: 10px;
-}
-.no-header .box-body {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.box-body > .table {
-  margin-bottom: 0;
-}
-.box-body .fc {
-  margin-top: 5px;
-}
-.box-body .full-width-chart {
-  margin: -19px;
-}
-.box-body.no-padding .full-width-chart {
-  margin: -9px;
-}
-.box-body .box-pane {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 3px;
-}
-.box-body .box-pane-right {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 0;
-}
-.box-footer {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-top: 1px solid #f4f4f4;
-  padding: 10px;
+
+.info-box .progress .progress-bar {
   background-color: #fff;
 }
-.chart-legend {
-  margin: 10px 0;
-}
-@media (max-width: 991px) {
-  .chart-legend > li {
-    float: left;
-    margin-right: 10px;
-  }
-}
-.box-comments {
-  background: #f7f7f7;
-}
-.box-comments .box-comment {
-  padding: 8px 0;
-  border-bottom: 1px solid #eee;
-}
-.box-comments .box-comment:before,
-.box-comments .box-comment:after {
-  content: " ";
-  display: table;
-}
-.box-comments .box-comment:after {
-  clear: both;
-}
-.box-comments .box-comment:last-of-type {
-  border-bottom: 0;
-}
-.box-comments .box-comment:first-of-type {
-  padding-top: 0;
-}
-.box-comments .box-comment img {
-  float: left;
-}
-.box-comments .comment-text {
-  margin-left: 40px;
-  color: #555;
-}
-.box-comments .username {
-  color: #444;
-  display: block;
-  font-weight: 600;
-}
-.box-comments .text-muted {
-  font-weight: 400;
-  font-size: 12px;
-}
-/* Widget: TODO LIST */
-.todo-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow: auto;
-}
-.todo-list > li {
-  border-radius: 2px;
-  padding: 10px;
-  background: #f4f4f4;
-  margin-bottom: 2px;
-  border-left: 2px solid #e6e7e8;
-  color: #444;
-}
-.todo-list > li:last-of-type {
-  margin-bottom: 0;
-}
-.todo-list > li > input[type='checkbox'] {
-  margin: 0 10px 0 5px;
-}
-.todo-list > li .text {
-  display: inline-block;
-  margin-left: 5px;
-  font-weight: 600;
-}
-.todo-list > li .label {
-  margin-left: 10px;
-  font-size: 9px;
-}
-.todo-list > li .tools {
-  display: none;
-  float: right;
-  color: #dd4b39;
-}
-.todo-list > li .tools > .fa,
-.todo-list > li .tools > .glyphicon,
-.todo-list > li .tools > .ion {
-  margin-right: 5px;
-  cursor: pointer;
-}
-.todo-list > li:hover .tools {
-  display: inline-block;
-}
-.todo-list > li.done {
-  color: #999;
-}
-.todo-list > li.done .text {
-  text-decoration: line-through;
-  font-weight: 500;
-}
-.todo-list > li.done .label {
-  background: #d2d6de !important;
-}
-.todo-list .danger {
-  border-left-color: #dd4b39;
-}
-.todo-list .warning {
-  border-left-color: #f39c12;
-}
-.todo-list .info {
-  border-left-color: #00c0ef;
-}
-.todo-list .success {
-  border-left-color: #00a65a;
-}
-.todo-list .primary {
-  border-left-color: #3c8dbc;
-}
-.todo-list .handle {
-  display: inline-block;
-  cursor: move;
-  margin: 0 5px;
-}
-/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
-.chat {
-  padding: 5px 20px 5px 10px;
-}
-.chat .item {
-  margin-bottom: 10px;
-}
-.chat .item:before,
-.chat .item:after {
-  content: " ";
-  display: table;
-}
-.chat .item:after {
-  clear: both;
-}
-.chat .item > img {
-  width: 40px;
-  height: 40px;
-  border: 2px solid transparent;
-  border-radius: 50%;
-}
-.chat .item > .online {
-  border: 2px solid #00a65a;
-}
-.chat .item > .offline {
-  border: 2px solid #dd4b39;
-}
-.chat .item > .message {
-  margin-left: 55px;
-  margin-top: -40px;
-}
-.chat .item > .message > .name {
-  display: block;
-  font-weight: 600;
-}
-.chat .item > .attachment {
-  border-radius: 3px;
-  background: #f4f4f4;
-  margin-left: 65px;
-  margin-right: 15px;
-  padding: 10px;
-}
-.chat .item > .attachment > h4 {
-  margin: 0 0 5px 0;
-  font-weight: 600;
-  font-size: 14px;
-}
-.chat .item > .attachment > p,
-.chat .item > .attachment > .filename {
-  font-weight: 600;
-  font-size: 13px;
-  font-style: italic;
-  margin: 0;
-}
-.chat .item > .attachment:before,
-.chat .item > .attachment:after {
-  content: " ";
-  display: table;
-}
-.chat .item > .attachment:after {
-  clear: both;
-}
-.box-input {
-  max-width: 200px;
-}
-.modal .panel-body {
-  color: #444;
-}
-/*
- * Component: Info Box
- * -------------------
- */
-.info-box {
-  display: block;
-  min-height: 90px;
-  background: #fff;
-  width: 100%;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  margin-bottom: 15px;
-}
-.info-box small {
-  font-size: 14px;
-}
-.info-box .progress {
-  background: rgba(0, 0, 0, 0.2);
-  margin: 5px -10px 5px -10px;
-  height: 2px;
-}
-.info-box .progress,
-.info-box .progress .progress-bar {
-  border-radius: 0;
-}
-.info-box .progress .progress-bar {
-  background: #fff;
-}
-.info-box-icon {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-  display: block;
-  float: left;
-  height: 90px;
-  width: 90px;
+
+.info-box .info-box-icon {
+  border-radius: 0.25rem;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.875rem;
+  -ms-flex-pack: center;
+  justify-content: center;
   text-align: center;
-  font-size: 45px;
-  line-height: 90px;
-  background: rgba(0, 0, 0, 0.2);
+  width: 70px;
 }
-.info-box-icon > img {
+
+.info-box .info-box-icon > img {
   max-width: 100%;
 }
-.info-box-content {
-  padding: 5px 10px;
-  margin-left: 90px;
+
+.info-box .info-box-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  line-height: 1.8;
+  -ms-flex: 1;
+  flex: 1;
+  padding: 0 10px;
+  overflow: hidden;
 }
-.info-box-number {
+
+.info-box .info-box-number {
   display: block;
-  font-weight: bold;
-  font-size: 18px;
+  margin-top: .25rem;
+  font-weight: 700;
 }
-.progress-description,
-.info-box-text {
+
+.info-box .progress-description,
+.info-box .info-box-text {
   display: block;
-  font-size: 14px;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.info-box-text {
-  text-transform: uppercase;
+
+.info-box .info-box .bg-primary,
+.info-box .info-box .bg-gradient-primary {
+  color: #fff;
 }
-.info-box-more {
+
+.info-box .info-box .bg-primary .progress-bar,
+.info-box .info-box .bg-gradient-primary .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-secondary,
+.info-box .info-box .bg-gradient-secondary {
+  color: #fff;
+}
+
+.info-box .info-box .bg-secondary .progress-bar,
+.info-box .info-box .bg-gradient-secondary .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-success,
+.info-box .info-box .bg-gradient-success {
+  color: #fff;
+}
+
+.info-box .info-box .bg-success .progress-bar,
+.info-box .info-box .bg-gradient-success .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-info,
+.info-box .info-box .bg-gradient-info {
+  color: #fff;
+}
+
+.info-box .info-box .bg-info .progress-bar,
+.info-box .info-box .bg-gradient-info .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-warning,
+.info-box .info-box .bg-gradient-warning {
+  color: #1f2d3d;
+}
+
+.info-box .info-box .bg-warning .progress-bar,
+.info-box .info-box .bg-gradient-warning .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.info-box .info-box .bg-danger,
+.info-box .info-box .bg-gradient-danger {
+  color: #fff;
+}
+
+.info-box .info-box .bg-danger .progress-bar,
+.info-box .info-box .bg-gradient-danger .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-light,
+.info-box .info-box .bg-gradient-light {
+  color: #1f2d3d;
+}
+
+.info-box .info-box .bg-light .progress-bar,
+.info-box .info-box .bg-gradient-light .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.info-box .info-box .bg-dark,
+.info-box .info-box .bg-gradient-dark {
+  color: #fff;
+}
+
+.info-box .info-box .bg-dark .progress-bar,
+.info-box .info-box .bg-gradient-dark .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box-more {
   display: block;
 }
-.progress-description {
+
+.info-box .progress-description {
   margin: 0;
 }
-/*
- * Component: Timeline
- * -------------------
- */
-.timeline {
-  position: relative;
-  margin: 0 0 30px 0;
-  padding: 0;
-  list-style: none;
+
+@media (min-width: 768px) {
+  .col-xl-2 .info-box .progress-description,
+  .col-lg-2 .info-box .progress-description,
+  .col-md-2 .info-box .progress-description {
+    display: none;
+  }
+  .col-xl-3 .info-box .progress-description,
+  .col-lg-3 .info-box .progress-description,
+  .col-md-3 .info-box .progress-description {
+    display: none;
+  }
 }
-.timeline:before {
-  content: '';
-  position: absolute;
-  top: 0;
+
+@media (min-width: 992px) {
+  .col-xl-2 .info-box .progress-description,
+  .col-lg-2 .info-box .progress-description,
+  .col-md-2 .info-box .progress-description {
+    font-size: 0.75rem;
+    display: block;
+  }
+  .col-xl-3 .info-box .progress-description,
+  .col-lg-3 .info-box .progress-description,
+  .col-md-3 .info-box .progress-description {
+    font-size: 0.75rem;
+    display: block;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl-2 .info-box .progress-description,
+  .col-lg-2 .info-box .progress-description,
+  .col-md-2 .info-box .progress-description {
+    font-size: 1rem;
+    display: block;
+  }
+  .col-xl-3 .info-box .progress-description,
+  .col-lg-3 .info-box .progress-description,
+  .col-md-3 .info-box .progress-description {
+    font-size: 1rem;
+    display: block;
+  }
+}
+
+.dark-mode .info-box {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-primary,
+.dark-mode .info-box .info-box .bg-gradient-primary {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-primary .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-secondary,
+.dark-mode .info-box .info-box .bg-gradient-secondary {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-secondary .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-success,
+.dark-mode .info-box .info-box .bg-gradient-success {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-success .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-success .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-info,
+.dark-mode .info-box .info-box .bg-gradient-info {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-info .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-info .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-warning,
+.dark-mode .info-box .info-box .bg-gradient-warning {
+  color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-warning .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-danger,
+.dark-mode .info-box .info-box .bg-gradient-danger {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-danger .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-light,
+.dark-mode .info-box .info-box .bg-gradient-light {
+  color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-light .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-light .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-dark,
+.dark-mode .info-box .info-box .bg-gradient-dark {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-dark .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar {
+  background-color: #fff;
+}
+
+.timeline {
+  margin: 0 0 45px;
+  padding: 0;
+  position: relative;
+}
+
+.timeline::before {
+  border-radius: 0.25rem;
+  background-color: #dee2e6;
   bottom: 0;
-  width: 4px;
-  background: #ddd;
+  content: "";
   left: 31px;
   margin: 0;
-  border-radius: 2px;
+  position: absolute;
+  top: 0;
+  width: 4px;
 }
-.timeline > li {
-  position: relative;
-  margin-right: 10px;
+
+.timeline > div {
   margin-bottom: 15px;
+  margin-right: 10px;
+  position: relative;
 }
-.timeline > li:before,
-.timeline > li:after {
-  content: " ";
+
+.timeline > div::before, .timeline > div::after {
+  content: "";
   display: table;
 }
-.timeline > li:after {
-  clear: both;
-}
-.timeline > li > .timeline-item {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-  margin-top: 0;
-  background: #fff;
-  color: #444;
+
+.timeline > div > .timeline-item {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
+  background-color: #fff;
+  color: #495057;
   margin-left: 60px;
   margin-right: 15px;
+  margin-top: 0;
   padding: 0;
   position: relative;
 }
-.timeline > li > .timeline-item > .time {
+
+.timeline > div > .timeline-item > .time {
   color: #999;
   float: right;
-  padding: 10px;
   font-size: 12px;
-}
-.timeline > li > .timeline-item > .timeline-header {
-  margin: 0;
-  color: #555;
-  border-bottom: 1px solid #f4f4f4;
   padding: 10px;
+}
+
+.timeline > div > .timeline-item > .timeline-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  color: #495057;
   font-size: 16px;
   line-height: 1.1;
-}
-.timeline > li > .timeline-item > .timeline-header > a {
-  font-weight: 600;
-}
-.timeline > li > .timeline-item > .timeline-body,
-.timeline > li > .timeline-item > .timeline-footer {
+  margin: 0;
   padding: 10px;
 }
-.timeline > li > .fa,
-.timeline > li > .glyphicon,
-.timeline > li > .ion {
-  width: 30px;
+
+.timeline > div > .timeline-item > .timeline-header > a {
+  font-weight: 600;
+}
+
+.timeline > div > .timeline-item > .timeline-body,
+.timeline > div > .timeline-item > .timeline-footer {
+  padding: 10px;
+}
+
+.timeline > div > .timeline-item > .timeline-body > img {
+  margin: 10px;
+}
+
+.timeline > div > .timeline-item > .timeline-body > dl,
+.timeline > div > .timeline-item > .timeline-body ol,
+.timeline > div > .timeline-item > .timeline-body ul {
+  margin: 0;
+}
+
+.timeline > div > .timeline-item > .timeline-footer > a {
+  color: #fff;
+}
+
+.timeline > div > .fa,
+.timeline > div > .fas,
+.timeline > div > .far,
+.timeline > div > .fab,
+.timeline > div > .fal,
+.timeline > div > .fad,
+.timeline > div > .svg-inline--fa,
+.timeline > div > .ion {
+  background-color: #adb5bd;
+  border-radius: 50%;
+  font-size: 16px;
   height: 30px;
-  font-size: 15px;
+  left: 18px;
   line-height: 30px;
   position: absolute;
-  color: #666;
-  background: #d2d6de;
-  border-radius: 50%;
   text-align: center;
-  left: 18px;
   top: 0;
+  width: 30px;
 }
+
+.timeline > div > .svg-inline--fa {
+  padding: 7px;
+}
+
 .timeline > .time-label > span {
+  border-radius: 4px;
+  background-color: #fff;
+  display: inline-block;
   font-weight: 600;
   padding: 5px;
-  display: inline-block;
-  background-color: #fff;
-  border-radius: 4px;
 }
-.timeline-inverse > li > .timeline-item {
-  background: #f0f0f0;
-  border: 1px solid #ddd;
+
+.timeline-inverse > div > .timeline-item {
   box-shadow: none;
+  background-color: #f8f9fa;
+  border: 1px solid #dee2e6;
 }
-.timeline-inverse > li > .timeline-item > .timeline-header {
-  border-bottom-color: #ddd;
+
+.timeline-inverse > div > .timeline-item > .timeline-header {
+  border-bottom-color: #dee2e6;
 }
-/*
- * Component: Button
- * -----------------
- */
-.btn {
-  border-radius: 3px;
-  box-shadow: none;
-  border: 1px solid transparent;
+
+.dark-mode .timeline::before {
+  background-color: #6c757d;
 }
-.btn.uppercase {
-  text-transform: uppercase;
-}
-.btn.btn-flat {
-  border-radius: 0;
-  box-shadow: none;
-  border-width: 1px;
-}
-.btn:active {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn:focus {
-  outline: none;
-}
-.btn.btn-file {
-  position: relative;
-  overflow: hidden;
-}
-.btn.btn-file > input[type='file'] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  outline: none;
-  background: white;
-  cursor: inherit;
-  display: block;
-}
-.btn-default {
-  background-color: #f4f4f4;
-  color: #444;
-  border-color: #ddd;
-}
-.btn-default:hover,
-.btn-default:active,
-.btn-default.hover {
-  background-color: #e7e7e7;
-}
-.btn-primary {
-  background-color: #3c8dbc;
-  border-color: #367fa9;
-}
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary.hover {
-  background-color: #367fa9;
-}
-.btn-success {
-  background-color: #00a65a;
-  border-color: #008d4c;
-}
-.btn-success:hover,
-.btn-success:active,
-.btn-success.hover {
-  background-color: #008d4c;
-}
-.btn-info {
-  background-color: #00c0ef;
-  border-color: #00acd6;
-}
-.btn-info:hover,
-.btn-info:active,
-.btn-info.hover {
-  background-color: #00acd6;
-}
-.btn-danger {
-  background-color: #dd4b39;
-  border-color: #d73925;
-}
-.btn-danger:hover,
-.btn-danger:active,
-.btn-danger.hover {
-  background-color: #d73925;
-}
-.btn-warning {
-  background-color: #f39c12;
-  border-color: #e08e0b;
-}
-.btn-warning:hover,
-.btn-warning:active,
-.btn-warning.hover {
-  background-color: #e08e0b;
-}
-.btn-outline {
-  border: 1px solid #fff;
-  background: transparent;
+
+.dark-mode .timeline > div > .timeline-item {
+  background-color: #343a40;
   color: #fff;
+  border-color: #6c757d;
 }
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
-  color: rgba(255, 255, 255, 0.7);
-  border-color: rgba(255, 255, 255, 0.7);
+
+.dark-mode .timeline > div > .timeline-item > .timeline-header {
+  color: #ced4da;
+  border-color: #6c757d;
 }
-.btn-link {
-  box-shadow: none;
+
+.dark-mode .timeline > div > .timeline-item > .time {
+  color: #ced4da;
 }
-.btn[class*='bg-']:hover {
-  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
-}
-.btn-app {
-  border-radius: 3px;
-  position: relative;
-  padding: 15px 5px;
-  margin: 0 0 10px 10px;
-  min-width: 80px;
-  height: 60px;
-  text-align: center;
-  color: #666;
-  border: 1px solid #ddd;
-  background-color: #f4f4f4;
-  font-size: 12px;
-}
-.btn-app > .fa,
-.btn-app > .glyphicon,
-.btn-app > .ion {
-  font-size: 20px;
-  display: block;
-}
-.btn-app:hover {
-  background: #f4f4f4;
-  color: #444;
-  border-color: #aaa;
-}
-.btn-app:active,
-.btn-app:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn-app > .badge {
-  position: absolute;
-  top: -3px;
-  right: -10px;
-  font-size: 10px;
-  font-weight: 400;
-}
-/*
- * Component: Callout
- * ------------------
- */
-.callout {
-  border-radius: 3px;
-  margin: 0 0 20px 0;
-  padding: 15px 30px 15px 15px;
-  border-left: 5px solid #eee;
-}
-.callout a {
-  color: #fff;
-  text-decoration: underline;
-}
-.callout a:hover {
-  color: #eee;
-}
-.callout h4 {
-  margin-top: 0;
-  font-weight: 600;
-}
-.callout p:last-child {
-  margin-bottom: 0;
-}
-.callout code,
-.callout .highlight {
-  background-color: #fff;
-}
-.callout.callout-danger {
-  border-color: #c23321;
-}
-.callout.callout-warning {
-  border-color: #c87f0a;
-}
-.callout.callout-info {
-  border-color: #0097bc;
-}
-.callout.callout-success {
-  border-color: #00733e;
-}
-/*
- * Component: alert
- * ----------------
- */
-.alert {
-  border-radius: 3px;
-}
-.alert h4 {
-  font-weight: 600;
-}
-.alert .icon {
-  margin-right: 10px;
-}
-.alert .close {
-  color: #000;
-  opacity: 0.2;
-  filter: alpha(opacity=20);
-}
-.alert .close:hover {
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-}
-.alert a {
-  color: #fff;
-  text-decoration: underline;
-}
-.alert-success {
-  border-color: #008d4c;
-}
-.alert-danger,
-.alert-error {
-  border-color: #d73925;
-}
-.alert-warning {
-  border-color: #e08e0b;
-}
-.alert-info {
-  border-color: #00acd6;
-}
-/*
- * Component: Nav
- * --------------
- */
-.nav > li > a:hover,
-.nav > li > a:active,
-.nav > li > a:focus {
-  color: #444;
-  background: #f7f7f7;
-}
-/* NAV PILLS */
-.nav-pills > li > a {
-  border-radius: 0;
-  border-top: 3px solid transparent;
-  color: #444;
-}
-.nav-pills > li > a > .fa,
-.nav-pills > li > a > .glyphicon,
-.nav-pills > li > a > .ion {
-  margin-right: 5px;
-}
-.nav-pills > li.active > a,
-.nav-pills > li.active > a:hover,
-.nav-pills > li.active > a:focus {
-  border-top-color: #3c8dbc;
-}
-.nav-pills > li.active > a {
-  font-weight: 600;
-}
-/* NAV STACKED */
-.nav-stacked > li > a {
-  border-radius: 0;
-  border-top: 0;
-  border-left: 3px solid transparent;
-  color: #444;
-}
-.nav-stacked > li.active > a,
-.nav-stacked > li.active > a:hover {
-  background: transparent;
-  color: #444;
-  border-top: 0;
-  border-left-color: #3c8dbc;
-}
-.nav-stacked > li.header {
-  border-bottom: 1px solid #ddd;
-  color: #777;
-  margin-bottom: 10px;
-  padding: 5px 10px;
-  text-transform: uppercase;
-}
-/* NAV TABS */
-.nav-tabs-custom {
-  margin-bottom: 20px;
-  background: #fff;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-}
-.nav-tabs-custom > .nav-tabs {
-  margin: 0;
-  border-bottom-color: #f4f4f4;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.nav-tabs-custom > .nav-tabs > li {
-  border-top: 3px solid transparent;
-  margin-bottom: -2px;
-  margin-right: 5px;
-}
-.nav-tabs-custom > .nav-tabs > li.disabled > a {
-  color: #777;
-}
-.nav-tabs-custom > .nav-tabs > li > a {
-  color: #444;
-  border-radius: 0;
-}
-.nav-tabs-custom > .nav-tabs > li > a.text-muted {
-  color: #999;
-}
-.nav-tabs-custom > .nav-tabs > li > a,
-.nav-tabs-custom > .nav-tabs > li > a:hover {
-  background: transparent;
-  margin: 0;
-}
-.nav-tabs-custom > .nav-tabs > li > a:hover {
-  color: #999;
-}
-.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
-.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
-.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
-  border-color: transparent;
-}
-.nav-tabs-custom > .nav-tabs > li.active {
-  border-top-color: #3c8dbc;
-}
-.nav-tabs-custom > .nav-tabs > li.active > a,
-.nav-tabs-custom > .nav-tabs > li.active:hover > a {
-  background-color: #fff;
-  color: #444;
-}
-.nav-tabs-custom > .nav-tabs > li.active > a {
-  border-top-color: transparent;
-  border-left-color: #f4f4f4;
-  border-right-color: #f4f4f4;
-}
-.nav-tabs-custom > .nav-tabs > li:first-of-type {
-  margin-left: 0;
-}
-.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
-  border-left-color: transparent;
-}
-.nav-tabs-custom > .nav-tabs.pull-right {
-  float: none !important;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li {
-  float: right;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
-  margin-right: 0;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
-  border-left-width: 1px;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
-  border-left-color: #f4f4f4;
-  border-right-color: transparent;
-}
-.nav-tabs-custom > .nav-tabs > li.header {
-  line-height: 35px;
-  padding: 0 10px;
-  font-size: 20px;
-  color: #444;
-}
-.nav-tabs-custom > .nav-tabs > li.header > .fa,
-.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
-.nav-tabs-custom > .nav-tabs > li.header > .ion {
-  margin-right: 5px;
-}
-.nav-tabs-custom > .tab-content {
-  background: #fff;
-  padding: 10px;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.nav-tabs-custom .dropdown.open > a:active,
-.nav-tabs-custom .dropdown.open > a:focus {
-  background: transparent;
-  color: #999;
-}
-.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
-  border-top-color: #3c8dbc;
-}
-.nav-tabs-custom.tab-info > .nav-tabs > li.active {
-  border-top-color: #00c0ef;
-}
-.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
-  border-top-color: #dd4b39;
-}
-.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
-  border-top-color: #f39c12;
-}
-.nav-tabs-custom.tab-success > .nav-tabs > li.active {
-  border-top-color: #00a65a;
-}
-.nav-tabs-custom.tab-default > .nav-tabs > li.active {
-  border-top-color: #d2d6de;
-}
-/* PAGINATION */
-.pagination > li > a {
-  background: #fafafa;
-  color: #666;
-}
-.pagination.pagination-flat > li > a {
-  border-radius: 0 !important;
-}
-/*
- * Component: Products List
- * ------------------------
- */
+
 .products-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 .products-list > .item {
-  border-radius: 3px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 0.25rem;
+  background-color: #fff;
   padding: 10px 0;
-  background: #fff;
 }
-.products-list > .item:before,
-.products-list > .item:after {
-  content: " ";
-  display: table;
-}
-.products-list > .item:after {
+
+.products-list > .item::after {
+  display: block;
   clear: both;
+  content: "";
 }
+
 .products-list .product-img {
   float: left;
 }
+
 .products-list .product-img img {
-  width: 50px;
   height: 50px;
+  width: 50px;
 }
+
 .products-list .product-info {
   margin-left: 60px;
 }
+
 .products-list .product-title {
   font-weight: 600;
 }
+
 .products-list .product-description {
+  color: #6c757d;
   display: block;
-  color: #999;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.product-list-in-box > .item {
-  box-shadow: none;
+
+.product-list-in-card > .item {
   border-radius: 0;
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }
-.product-list-in-box > .item:last-of-type {
+
+.product-list-in-card > .item:last-of-type {
   border-bottom-width: 0;
 }
-/*
- * Component: Table
- * ----------------
- */
-.table > thead > tr > th,
-.table > tbody > tr > th,
-.table > tfoot > tr > th,
-.table > thead > tr > td,
-.table > tbody > tr > td,
-.table > tfoot > tr > td {
-  border-top: 1px solid #f4f4f4;
+
+.dark-mode .products-list > .item {
+  background-color: #343a40;
+  color: #fff;
+  border-bottom-color: #6c757d;
 }
-.table > thead > tr > th {
-  border-bottom: 2px solid #f4f4f4;
+
+.dark-mode .product-description {
+  color: #ced4da;
 }
-.table tr td .progress {
-  margin-top: 5px;
-}
-.table-bordered {
-  border: 1px solid #f4f4f4;
-}
-.table-bordered > thead > tr > th,
-.table-bordered > tbody > tr > th,
-.table-bordered > tfoot > tr > th,
-.table-bordered > thead > tr > td,
-.table-bordered > tbody > tr > td,
-.table-bordered > tfoot > tr > td {
-  border: 1px solid #f4f4f4;
-}
-.table-bordered > thead > tr > th,
-.table-bordered > thead > tr > td {
-  border-bottom-width: 2px;
-}
-.table.no-border,
-.table.no-border td,
-.table.no-border th {
-  border: 0;
-}
-/* .text-center in tables */
-table.text-center,
-table.text-center td,
-table.text-center th {
-  text-align: center;
-}
-.table.align th {
-  text-align: left;
-}
-.table.align td {
-  text-align: right;
-}
-/*
- * Component: Label
- * ----------------
- */
-.label-default {
-  background-color: #d2d6de;
-  color: #444;
-}
-/*
- * Component: Direct Chat
- * ----------------------
- */
-.direct-chat .box-body {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  position: relative;
+
+.direct-chat .card-body {
   overflow-x: hidden;
   padding: 0;
+  position: relative;
 }
+
 .direct-chat.chat-pane-open .direct-chat-contacts {
   transform: translate(0, 0);
 }
+
+.direct-chat.timestamp-light .direct-chat-timestamp {
+  color: #30465f;
+}
+
+.direct-chat.timestamp-dark .direct-chat-timestamp {
+  color: #cccccc;
+}
+
 .direct-chat-messages {
   transform: translate(0, 0);
-  padding: 10px;
   height: 250px;
   overflow: auto;
+  padding: 10px;
 }
+
 .direct-chat-msg,
 .direct-chat-text {
   display: block;
 }
+
 .direct-chat-msg {
   margin-bottom: 10px;
 }
-.direct-chat-msg:before,
-.direct-chat-msg:after {
-  content: " ";
-  display: table;
-}
-.direct-chat-msg:after {
+
+.direct-chat-msg::after {
+  display: block;
   clear: both;
+  content: "";
 }
+
 .direct-chat-messages,
 .direct-chat-contacts {
-  transition: transform 0.5s ease-in-out;
+  transition: transform .5s ease-in-out;
 }
+
 .direct-chat-text {
-  border-radius: 5px;
-  position: relative;
-  padding: 5px 10px;
-  background: #d2d6de;
+  border-radius: 0.3rem;
+  background-color: #d2d6de;
   border: 1px solid #d2d6de;
-  margin: 5px 0 0 50px;
   color: #444;
+  margin: 5px 0 0 50px;
+  padding: 5px 10px;
+  position: relative;
 }
-.direct-chat-text:after,
-.direct-chat-text:before {
+
+.direct-chat-text::after, .direct-chat-text::before {
+  border: solid transparent;
+  border-right-color: #d2d6de;
+  content: " ";
+  height: 0;
+  pointer-events: none;
   position: absolute;
   right: 100%;
   top: 15px;
-  border: solid transparent;
-  border-right-color: #d2d6de;
-  content: ' ';
-  height: 0;
   width: 0;
-  pointer-events: none;
 }
-.direct-chat-text:after {
+
+.direct-chat-text::after {
   border-width: 5px;
   margin-top: -5px;
 }
-.direct-chat-text:before {
+
+.direct-chat-text::before {
   border-width: 6px;
   margin-top: -6px;
 }
+
 .right .direct-chat-text {
-  margin-right: 50px;
   margin-left: 0;
+  margin-right: 50px;
 }
-.right .direct-chat-text:after,
-.right .direct-chat-text:before {
-  right: auto;
-  left: 100%;
-  border-right-color: transparent;
+
+.right .direct-chat-text::after, .right .direct-chat-text::before {
   border-left-color: #d2d6de;
+  border-right-color: transparent;
+  left: 100%;
+  right: auto;
 }
+
 .direct-chat-img {
   border-radius: 50%;
   float: left;
-  width: 40px;
   height: 40px;
+  width: 40px;
 }
+
 .right .direct-chat-img {
   float: right;
 }
-.direct-chat-info {
+
+.direct-chat-infos {
   display: block;
+  font-size: 0.875rem;
   margin-bottom: 2px;
-  font-size: 12px;
 }
+
 .direct-chat-name {
   font-weight: 600;
 }
+
 .direct-chat-timestamp {
-  color: #999;
+  color: #697582;
 }
+
 .direct-chat-contacts-open .direct-chat-contacts {
   transform: translate(0, 0);
 }
+
 .direct-chat-contacts {
   transform: translate(101%, 0);
+  background-color: #343a40;
+  bottom: 0;
+  color: #fff;
+  height: 250px;
+  overflow: auto;
   position: absolute;
   top: 0;
-  bottom: 0;
-  height: 250px;
   width: 100%;
-  background: #222d32;
-  color: #fff;
-  overflow: auto;
 }
+
+.direct-chat-contacts-light {
+  background-color: #f8f9fa;
+}
+
+.direct-chat-contacts-light .contacts-list-name {
+  color: #495057;
+}
+
+.direct-chat-contacts-light .contacts-list-date {
+  color: #6c757d;
+}
+
+.direct-chat-contacts-light .contacts-list-msg {
+  color: #545b62;
+}
+
+.contacts-list {
+  padding-left: 0;
+  list-style: none;
+}
+
 .contacts-list > li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  padding: 10px;
   margin: 0;
+  padding: 10px;
 }
-.contacts-list > li:before,
-.contacts-list > li:after {
-  content: " ";
-  display: table;
-}
-.contacts-list > li:after {
+
+.contacts-list > li::after {
+  display: block;
   clear: both;
+  content: "";
 }
+
 .contacts-list > li:last-of-type {
-  border-bottom: none;
+  border-bottom: 0;
 }
+
 .contacts-list-img {
   border-radius: 50%;
-  width: 40px;
   float: left;
+  width: 40px;
 }
+
 .contacts-list-info {
-  margin-left: 45px;
   color: #fff;
+  margin-left: 45px;
 }
+
 .contacts-list-name,
 .contacts-list-status {
   display: block;
 }
+
 .contacts-list-name {
   font-weight: 600;
 }
+
 .contacts-list-status {
-  font-size: 12px;
+  font-size: 0.875rem;
 }
+
 .contacts-list-date {
-  color: #aaa;
-  font-weight: normal;
+  color: #ced4da;
+  font-weight: 400;
 }
+
 .contacts-list-msg {
-  color: #999;
+  color: #b1bbc4;
 }
-.direct-chat-danger .right > .direct-chat-text {
-  background: #dd4b39;
-  border-color: #dd4b39;
+
+.direct-chat-primary .right > .direct-chat-text {
+  background-color: #007bff;
+  border-color: #007bff;
   color: #fff;
 }
-.direct-chat-danger .right > .direct-chat-text:after,
-.direct-chat-danger .right > .direct-chat-text:before {
-  border-left-color: #dd4b39;
+
+.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
+  border-left-color: #007bff;
 }
-.direct-chat-primary .right > .direct-chat-text {
-  background: #3c8dbc;
+
+.direct-chat-secondary .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.direct-chat-success .right > .direct-chat-text {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
+  border-left-color: #28a745;
+}
+
+.direct-chat-info .right > .direct-chat-text {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before {
+  border-left-color: #17a2b8;
+}
+
+.direct-chat-warning .right > .direct-chat-text {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before {
+  border-left-color: #ffc107;
+}
+
+.direct-chat-danger .right > .direct-chat-text {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
+  border-left-color: #dc3545;
+}
+
+.direct-chat-light .right > .direct-chat-text {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before {
+  border-left-color: #f8f9fa;
+}
+
+.direct-chat-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
+}
+
+.direct-chat-lightblue .right > .direct-chat-text {
+  background-color: #3c8dbc;
   border-color: #3c8dbc;
   color: #fff;
 }
-.direct-chat-primary .right > .direct-chat-text:after,
-.direct-chat-primary .right > .direct-chat-text:before {
+
+.direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before {
   border-left-color: #3c8dbc;
 }
-.direct-chat-warning .right > .direct-chat-text {
-  background: #f39c12;
-  border-color: #f39c12;
+
+.direct-chat-navy .right > .direct-chat-text {
+  background-color: #001f3f;
+  border-color: #001f3f;
   color: #fff;
 }
-.direct-chat-warning .right > .direct-chat-text:after,
-.direct-chat-warning .right > .direct-chat-text:before {
+
+.direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before {
+  border-left-color: #001f3f;
+}
+
+.direct-chat-olive .right > .direct-chat-text {
+  background-color: #3d9970;
+  border-color: #3d9970;
+  color: #fff;
+}
+
+.direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before {
+  border-left-color: #3d9970;
+}
+
+.direct-chat-lime .right > .direct-chat-text {
+  background-color: #01ff70;
+  border-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before {
+  border-left-color: #01ff70;
+}
+
+.direct-chat-fuchsia .right > .direct-chat-text {
+  background-color: #f012be;
+  border-color: #f012be;
+  color: #fff;
+}
+
+.direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before {
+  border-left-color: #f012be;
+}
+
+.direct-chat-maroon .right > .direct-chat-text {
+  background-color: #d81b60;
+  border-color: #d81b60;
+  color: #fff;
+}
+
+.direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before {
+  border-left-color: #d81b60;
+}
+
+.direct-chat-blue .right > .direct-chat-text {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before {
+  border-left-color: #007bff;
+}
+
+.direct-chat-indigo .right > .direct-chat-text {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before {
+  border-left-color: #6610f2;
+}
+
+.direct-chat-purple .right > .direct-chat-text {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before {
+  border-left-color: #6f42c1;
+}
+
+.direct-chat-pink .right > .direct-chat-text {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before {
+  border-left-color: #e83e8c;
+}
+
+.direct-chat-red .right > .direct-chat-text {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before {
+  border-left-color: #dc3545;
+}
+
+.direct-chat-orange .right > .direct-chat-text {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before {
+  border-left-color: #fd7e14;
+}
+
+.direct-chat-yellow .right > .direct-chat-text {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before {
+  border-left-color: #ffc107;
+}
+
+.direct-chat-green .right > .direct-chat-text {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before {
+  border-left-color: #28a745;
+}
+
+.direct-chat-teal .right > .direct-chat-text {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before {
+  border-left-color: #20c997;
+}
+
+.direct-chat-cyan .right > .direct-chat-text {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before {
+  border-left-color: #17a2b8;
+}
+
+.direct-chat-white .right > .direct-chat-text {
+  background-color: #fff;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before {
+  border-left-color: #fff;
+}
+
+.direct-chat-gray .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.direct-chat-gray-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
+}
+
+.dark-mode .direct-chat-text {
+  background-color: #454d55;
+  border-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before {
+  border-right-color: #4b545c;
+}
+
+.dark-mode .direct-chat-timestamp {
+  color: #adb5bd;
+}
+
+.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before {
+  border-right-color: transparent;
+}
+
+.dark-mode .direct-chat-primary .right > .direct-chat-text {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-primary .right > .direct-chat-text::after, .dark-mode .direct-chat-primary .right > .direct-chat-text::before {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .direct-chat-secondary .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-secondary .right > .direct-chat-text::after, .dark-mode .direct-chat-secondary .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .direct-chat-success .right > .direct-chat-text {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-success .right > .direct-chat-text::after, .dark-mode .direct-chat-success .right > .direct-chat-text::before {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .direct-chat-info .right > .direct-chat-text {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-info .right > .direct-chat-text::after, .dark-mode .direct-chat-info .right > .direct-chat-text::before {
+  border-left-color: #3498db;
+}
+
+.dark-mode .direct-chat-warning .right > .direct-chat-text {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-warning .right > .direct-chat-text::after, .dark-mode .direct-chat-warning .right > .direct-chat-text::before {
   border-left-color: #f39c12;
 }
-.direct-chat-info .right > .direct-chat-text {
-  background: #00c0ef;
-  border-color: #00c0ef;
+
+.dark-mode .direct-chat-danger .right > .direct-chat-text {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
   color: #fff;
 }
-.direct-chat-info .right > .direct-chat-text:after,
-.direct-chat-info .right > .direct-chat-text:before {
-  border-left-color: #00c0ef;
+
+.dark-mode .direct-chat-danger .right > .direct-chat-text::after, .dark-mode .direct-chat-danger .right > .direct-chat-text::before {
+  border-left-color: #e74c3c;
 }
-.direct-chat-success .right > .direct-chat-text {
-  background: #00a65a;
-  border-color: #00a65a;
+
+.dark-mode .direct-chat-light .right > .direct-chat-text {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-light .right > .direct-chat-text::after, .dark-mode .direct-chat-light .right > .direct-chat-text::before {
+  border-left-color: #f8f9fa;
+}
+
+.dark-mode .direct-chat-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
   color: #fff;
 }
-.direct-chat-success .right > .direct-chat-text:after,
-.direct-chat-success .right > .direct-chat-text:before {
-  border-left-color: #00a65a;
+
+.dark-mode .direct-chat-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
 }
-/*
- * Component: Users List
- * ---------------------
- */
+
+.dark-mode .direct-chat-lightblue .right > .direct-chat-text {
+  background-color: #86bad8;
+  border-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-lightblue .right > .direct-chat-text::after, .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before {
+  border-left-color: #86bad8;
+}
+
+.dark-mode .direct-chat-navy .right > .direct-chat-text {
+  background-color: #002c59;
+  border-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-navy .right > .direct-chat-text::after, .dark-mode .direct-chat-navy .right > .direct-chat-text::before {
+  border-left-color: #002c59;
+}
+
+.dark-mode .direct-chat-olive .right > .direct-chat-text {
+  background-color: #74c8a3;
+  border-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-olive .right > .direct-chat-text::after, .dark-mode .direct-chat-olive .right > .direct-chat-text::before {
+  border-left-color: #74c8a3;
+}
+
+.dark-mode .direct-chat-lime .right > .direct-chat-text {
+  background-color: #67ffa9;
+  border-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-lime .right > .direct-chat-text::after, .dark-mode .direct-chat-lime .right > .direct-chat-text::before {
+  border-left-color: #67ffa9;
+}
+
+.dark-mode .direct-chat-fuchsia .right > .direct-chat-text {
+  background-color: #f672d8;
+  border-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after, .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before {
+  border-left-color: #f672d8;
+}
+
+.dark-mode .direct-chat-maroon .right > .direct-chat-text {
+  background-color: #ed6c9b;
+  border-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-maroon .right > .direct-chat-text::after, .dark-mode .direct-chat-maroon .right > .direct-chat-text::before {
+  border-left-color: #ed6c9b;
+}
+
+.dark-mode .direct-chat-blue .right > .direct-chat-text {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-blue .right > .direct-chat-text::after, .dark-mode .direct-chat-blue .right > .direct-chat-text::before {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .direct-chat-indigo .right > .direct-chat-text {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-indigo .right > .direct-chat-text::after, .dark-mode .direct-chat-indigo .right > .direct-chat-text::before {
+  border-left-color: #6610f2;
+}
+
+.dark-mode .direct-chat-purple .right > .direct-chat-text {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-purple .right > .direct-chat-text::after, .dark-mode .direct-chat-purple .right > .direct-chat-text::before {
+  border-left-color: #6f42c1;
+}
+
+.dark-mode .direct-chat-pink .right > .direct-chat-text {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-pink .right > .direct-chat-text::after, .dark-mode .direct-chat-pink .right > .direct-chat-text::before {
+  border-left-color: #e83e8c;
+}
+
+.dark-mode .direct-chat-red .right > .direct-chat-text {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-red .right > .direct-chat-text::after, .dark-mode .direct-chat-red .right > .direct-chat-text::before {
+  border-left-color: #e74c3c;
+}
+
+.dark-mode .direct-chat-orange .right > .direct-chat-text {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-orange .right > .direct-chat-text::after, .dark-mode .direct-chat-orange .right > .direct-chat-text::before {
+  border-left-color: #fd7e14;
+}
+
+.dark-mode .direct-chat-yellow .right > .direct-chat-text {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-yellow .right > .direct-chat-text::after, .dark-mode .direct-chat-yellow .right > .direct-chat-text::before {
+  border-left-color: #f39c12;
+}
+
+.dark-mode .direct-chat-green .right > .direct-chat-text {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-green .right > .direct-chat-text::after, .dark-mode .direct-chat-green .right > .direct-chat-text::before {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .direct-chat-teal .right > .direct-chat-text {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-teal .right > .direct-chat-text::after, .dark-mode .direct-chat-teal .right > .direct-chat-text::before {
+  border-left-color: #20c997;
+}
+
+.dark-mode .direct-chat-cyan .right > .direct-chat-text {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-cyan .right > .direct-chat-text::after, .dark-mode .direct-chat-cyan .right > .direct-chat-text::before {
+  border-left-color: #3498db;
+}
+
+.dark-mode .direct-chat-white .right > .direct-chat-text {
+  background-color: #fff;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-white .right > .direct-chat-text::after, .dark-mode .direct-chat-white .right > .direct-chat-text::before {
+  border-left-color: #fff;
+}
+
+.dark-mode .direct-chat-gray .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-gray .right > .direct-chat-text::after, .dark-mode .direct-chat-gray .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .direct-chat-gray-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
+}
+
+.users-list {
+  padding-left: 0;
+  list-style: none;
+}
+
 .users-list > li {
-  width: 25%;
   float: left;
   padding: 10px;
   text-align: center;
+  width: 25%;
 }
+
 .users-list > li img {
   border-radius: 50%;
-  max-width: 100%;
   height: auto;
+  max-width: 100%;
 }
+
 .users-list > li > a:hover,
 .users-list > li > a:hover .users-list-name {
   color: #999;
 }
+
 .users-list-name,
 .users-list-date {
   display: block;
 }
+
 .users-list-name {
-  font-weight: 600;
-  color: #444;
+  color: #495057;
+  font-size: 0.875rem;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
+
 .users-list-date {
-  color: #999;
+  color: #748290;
   font-size: 12px;
 }
-/*
- * Component: Carousel
- * -------------------
- */
-.carousel-control.left,
-.carousel-control.right {
-  background-image: none;
+
+.dark-mode .users-list-name {
+  color: #ced4da;
 }
-.carousel-control > .fa {
-  font-size: 40px;
-  position: absolute;
-  top: 50%;
-  z-index: 5;
-  display: inline-block;
-  margin-top: -20px;
+
+.dark-mode .users-list-date {
+  color: #adb5bd;
 }
-/*
- * Component: modal
- * ----------------
- */
-.modal {
-  background: rgba(0, 0, 0, 0.3);
-}
-.modal-content {
-  border-radius: 0;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
+
+.card-widget {
   border: 0;
-}
-@media (min-width: 768px) {
-  .modal-content {
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
-  }
-}
-.modal-header {
-  border-bottom-color: #f4f4f4;
-}
-.modal-footer {
-  border-top-color: #f4f4f4;
-}
-.modal-primary .modal-header,
-.modal-primary .modal-footer {
-  border-color: #307095;
-}
-.modal-warning .modal-header,
-.modal-warning .modal-footer {
-  border-color: #c87f0a;
-}
-.modal-info .modal-header,
-.modal-info .modal-footer {
-  border-color: #0097bc;
-}
-.modal-success .modal-header,
-.modal-success .modal-footer {
-  border-color: #00733e;
-}
-.modal-danger .modal-header,
-.modal-danger .modal-footer {
-  border-color: #c23321;
-}
-/*
- * Component: Social Widgets
- * -------------------------
- */
-.box-widget {
-  border: none;
   position: relative;
 }
+
 .widget-user .widget-user-header {
-  padding: 20px;
-  height: 120px;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  height: 135px;
+  padding: 1rem;
+  text-align: center;
 }
+
 .widget-user .widget-user-username {
-  margin-top: 0;
-  margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
+  margin-bottom: 0;
+  margin-top: 0;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
+
 .widget-user .widget-user-desc {
   margin-top: 0;
 }
+
 .widget-user .widget-user-image {
-  position: absolute;
-  top: 65px;
   left: 50%;
   margin-left: -45px;
+  position: absolute;
+  top: 80px;
 }
+
 .widget-user .widget-user-image > img {
-  width: 90px;
-  height: auto;
   border: 3px solid #fff;
+  height: auto;
+  width: 90px;
 }
-.widget-user .box-footer {
-  padding-top: 30px;
+
+.widget-user .card-footer {
+  padding-top: 50px;
 }
+
 .widget-user-2 .widget-user-header {
-  padding: 20px;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  padding: 1rem;
 }
+
 .widget-user-2 .widget-user-username {
-  margin-top: 5px;
-  margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
+
 .widget-user-2 .widget-user-desc {
   margin-top: 0;
 }
+
 .widget-user-2 .widget-user-username,
 .widget-user-2 .widget-user-desc {
   margin-left: 75px;
 }
+
 .widget-user-2 .widget-user-image > img {
-  width: 65px;
-  height: auto;
   float: left;
-}
-.treeview-menu {
-  display: none;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  padding-left: 5px;
-}
-.treeview-menu .treeview-menu {
-  padding-left: 20px;
-}
-.treeview-menu > li {
-  margin: 0;
-}
-.treeview-menu > li > a {
-  padding: 5px 5px 5px 15px;
-  display: block;
-  font-size: 14px;
-}
-.treeview-menu > li > a > .fa,
-.treeview-menu > li > a > .glyphicon,
-.treeview-menu > li > a > .ion {
-  width: 20px;
-}
-.treeview-menu > li > a > .pull-right-container > .fa-angle-left,
-.treeview-menu > li > a > .pull-right-container > .fa-angle-down,
-.treeview-menu > li > a > .fa-angle-left,
-.treeview-menu > li > a > .fa-angle-down {
-  width: auto;
-}
-.treeview > ul.treeview-menu {
-  overflow: hidden;
   height: auto;
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
+  width: 65px;
 }
-.treeview.menu-open > ul.treeview-menu {
-  overflow: visible;
-  height: auto;
-}
-/*
- * Page: Mailbox
- * -------------
- */
+
 .mailbox-messages > .table {
   margin: 0;
 }
+
 .mailbox-controls {
   padding: 5px;
 }
+
 .mailbox-controls.with-border {
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }
+
 .mailbox-read-info {
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
   padding: 10px;
 }
+
 .mailbox-read-info h3 {
   font-size: 20px;
   margin: 0;
 }
+
 .mailbox-read-info h5 {
   margin: 0;
-  padding: 5px 0 0 0;
+  padding: 5px 0 0;
 }
+
 .mailbox-read-time {
   color: #999;
   font-size: 13px;
 }
+
 .mailbox-read-message {
   padding: 10px;
 }
+
+.mailbox-attachments {
+  padding-left: 0;
+  list-style: none;
+}
+
 .mailbox-attachments li {
-  float: left;
-  width: 200px;
   border: 1px solid #eee;
+  float: left;
   margin-bottom: 10px;
   margin-right: 10px;
+  width: 200px;
 }
+
 .mailbox-attachment-name {
-  font-weight: bold;
   color: #666;
+  font-weight: 700;
 }
+
 .mailbox-attachment-icon,
 .mailbox-attachment-info,
 .mailbox-attachment-size {
   display: block;
 }
+
 .mailbox-attachment-info {
+  background-color: #f8f9fa;
   padding: 10px;
-  background: #f4f4f4;
 }
+
 .mailbox-attachment-size {
   color: #999;
   font-size: 12px;
 }
-.mailbox-attachment-icon {
-  text-align: center;
-  font-size: 65px;
-  color: #666;
-  padding: 20px 10px;
+
+.mailbox-attachment-size > span {
+  display: inline-block;
+  padding-top: .75rem;
 }
+
+.mailbox-attachment-icon {
+  color: #666;
+  font-size: 65px;
+  max-height: 132.5px;
+  padding: 20px 10px;
+  text-align: center;
+}
+
 .mailbox-attachment-icon.has-img {
   padding: 0;
 }
+
 .mailbox-attachment-icon.has-img > img {
-  max-width: 100%;
   height: auto;
+  max-width: 100%;
 }
-/*
- * Page: Lock Screen
- * -----------------
- */
-/* ADD THIS CLASS TO THE <BODY> TAG */
+
 .lockscreen {
-  background: #d2d6de;
+  background-color: #e9ecef;
 }
+
+.lockscreen .lockscreen-name {
+  font-weight: 600;
+  text-align: center;
+}
+
 .lockscreen-logo {
   font-size: 35px;
-  text-align: center;
-  margin-bottom: 25px;
   font-weight: 300;
+  margin-bottom: 25px;
+  text-align: center;
 }
+
 .lockscreen-logo a {
-  color: #444;
+  color: #495057;
 }
+
 .lockscreen-wrapper {
-  max-width: 400px;
   margin: 0 auto;
   margin-top: 10%;
+  max-width: 400px;
 }
-/* User name [optional] */
-.lockscreen .lockscreen-name {
-  text-align: center;
-  font-weight: 600;
-}
-/* Will contain the image and the sign in form */
+
 .lockscreen-item {
   border-radius: 4px;
+  background-color: #fff;
+  margin: 10px auto 30px;
   padding: 0;
-  background: #fff;
   position: relative;
-  margin: 10px auto 30px auto;
   width: 290px;
 }
-/* User image */
+
 .lockscreen-image {
   border-radius: 50%;
-  position: absolute;
+  background-color: #fff;
   left: -10px;
-  top: -25px;
-  background: #fff;
   padding: 5px;
+  position: absolute;
+  top: -25px;
   z-index: 10;
 }
+
 .lockscreen-image > img {
   border-radius: 50%;
-  width: 70px;
   height: 70px;
+  width: 70px;
 }
-/* Contains the password input and the login button */
+
 .lockscreen-credentials {
   margin-left: 70px;
 }
+
 .lockscreen-credentials .form-control {
   border: 0;
 }
+
 .lockscreen-credentials .btn {
   background-color: #fff;
   border: 0;
   padding: 0 10px;
 }
+
 .lockscreen-footer {
   margin-top: 10px;
 }
-/*
- * Page: Login & Register
- * ----------------------
- */
+
+.dark-mode .lockscreen-item {
+  background-color: #343a40;
+}
+
+.dark-mode .lockscreen-logo a {
+  color: #fff;
+}
+
+.dark-mode .lockscreen-credentials .btn {
+  background-color: #343a40;
+}
+
+.dark-mode .lockscreen-image {
+  background-color: #6c757d;
+}
+
 .login-logo,
 .register-logo {
-  font-size: 35px;
-  text-align: center;
-  margin-bottom: 25px;
+  font-size: 2.1rem;
   font-weight: 300;
+  margin-bottom: .9rem;
+  text-align: center;
 }
+
 .login-logo a,
 .register-logo a {
-  color: #444;
+  color: #495057;
 }
+
 .login-page,
 .register-page {
-  height: auto;
-  background: #d2d6de;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #e9ecef;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: 100vh;
+  -ms-flex-pack: center;
+  justify-content: center;
 }
+
 .login-box,
 .register-box {
   width: 360px;
-  margin: 7% auto;
 }
-@media (max-width: 768px) {
+
+@media (max-width: 576px) {
   .login-box,
   .register-box {
+    margin-top: .5rem;
     width: 90%;
-    margin-top: 20px;
   }
 }
-.login-box-body,
-.register-box-body {
-  background: #fff;
-  padding: 20px;
+
+.login-box .card,
+.register-box .card {
+  margin-bottom: 0;
+}
+
+.login-card-body,
+.register-card-body {
+  background-color: #fff;
   border-top: 0;
   color: #666;
+  padding: 20px;
 }
-.login-box-body .form-control-feedback,
-.register-box-body .form-control-feedback {
+
+.login-card-body .input-group .form-control,
+.register-card-body .input-group .form-control {
+  border-right: 0;
+}
+
+.login-card-body .input-group .form-control:focus,
+.register-card-body .input-group .form-control:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
+.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
+  border-color: #80bdff;
+}
+
+.login-card-body .input-group .form-control.is-valid:focus,
+.register-card-body .input-group .form-control.is-valid:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
+.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
+  border-color: #28a745;
+}
+
+.login-card-body .input-group .form-control.is-invalid:focus,
+.register-card-body .input-group .form-control.is-invalid:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
+  border-color: #dc3545;
+}
+
+.login-card-body .input-group .input-group-text,
+.register-card-body .input-group .input-group-text {
+  background-color: transparent;
+  border-bottom-right-radius: 0.25rem;
+  border-left: 0;
+  border-top-right-radius: 0.25rem;
   color: #777;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
+
 .login-box-msg,
 .register-box-msg {
   margin: 0;
+  padding: 0 20px 20px;
   text-align: center;
-  padding: 0 20px 20px 20px;
 }
+
 .social-auth-links {
   margin: 10px 0;
 }
-/*
- * Page: 400 and 500 error pages
- * ------------------------------
- */
-.error-page {
-  width: 600px;
-  margin: 20px auto 0 auto;
+
+.dark-mode .login-card-body,
+.dark-mode .register-card-body {
+  background-color: #343a40;
+  border-color: #6c757d;
+  color: #fff;
 }
-@media (max-width: 991px) {
+
+.dark-mode .login-logo a,
+.dark-mode .register-logo a {
+  color: #fff;
+}
+
+.error-page {
+  margin: 20px auto 0;
+  width: 600px;
+}
+
+@media (max-width: 767.98px) {
   .error-page {
     width: 100%;
   }
 }
+
 .error-page > .headline {
   float: left;
   font-size: 100px;
   font-weight: 300;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .error-page > .headline {
     float: none;
     text-align: center;
   }
 }
+
 .error-page > .error-content {
-  margin-left: 190px;
   display: block;
+  margin-left: 190px;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .error-page > .error-content {
     margin-left: 0;
   }
 }
+
 .error-page > .error-content > h3 {
-  font-weight: 300;
   font-size: 25px;
+  font-weight: 300;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .error-page > .error-content > h3 {
     text-align: center;
   }
 }
-/*
- * Page: Invoice
- * -------------
- */
+
 .invoice {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
   position: relative;
-  background: #fff;
-  border: 1px solid #f4f4f4;
-  padding: 20px;
-  margin: 10px 25px;
 }
+
 .invoice-title {
   margin-top: 0;
 }
-/*
- * Page: Profile
- * -------------
- */
-.profile-user-img {
-  margin: 0 auto;
-  width: 100px;
-  padding: 3px;
-  border: 3px solid #d2d6de;
+
+.dark-mode .invoice {
+  background-color: #343a40;
 }
+
+.profile-user-img {
+  border: 3px solid #adb5bd;
+  margin: 0 auto;
+  padding: 3px;
+  width: 100px;
+}
+
 .profile-username {
   font-size: 21px;
   margin-top: 5px;
 }
+
 .post {
-  border-bottom: 1px solid #d2d6de;
+  border-bottom: 1px solid #adb5bd;
+  color: #666;
   margin-bottom: 15px;
   padding-bottom: 15px;
-  color: #666;
 }
+
 .post:last-of-type {
   border-bottom: 0;
   margin-bottom: 0;
   padding-bottom: 0;
 }
+
 .post .user-block {
   margin-bottom: 15px;
-}
-/*
- * Social Buttons for Bootstrap
- *
- * Copyright 2013-2015 Panayiotis Lipiridis
- * Licensed under the MIT License
- *
- * https://github.com/lipis/bootstrap-social
- */
-.btn-social {
-  position: relative;
-  padding-left: 44px;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.btn-social > :first-child {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 32px;
-  line-height: 34px;
-  font-size: 1.6em;
-  text-align: center;
-  border-right: 1px solid rgba(0, 0, 0, 0.2);
-}
-.btn-social.btn-lg {
-  padding-left: 61px;
-}
-.btn-social.btn-lg > :first-child {
-  line-height: 45px;
-  width: 45px;
-  font-size: 1.8em;
-}
-.btn-social.btn-sm {
-  padding-left: 38px;
-}
-.btn-social.btn-sm > :first-child {
-  line-height: 28px;
-  width: 28px;
-  font-size: 1.4em;
-}
-.btn-social.btn-xs {
-  padding-left: 30px;
-}
-.btn-social.btn-xs > :first-child {
-  line-height: 20px;
-  width: 20px;
-  font-size: 1.2em;
-}
-.btn-social-icon {
-  position: relative;
-  padding-left: 44px;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: 34px;
-  width: 34px;
-  padding: 0;
-}
-.btn-social-icon > :first-child {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 32px;
-  line-height: 34px;
-  font-size: 1.6em;
-  text-align: center;
-  border-right: 1px solid rgba(0, 0, 0, 0.2);
-}
-.btn-social-icon.btn-lg {
-  padding-left: 61px;
-}
-.btn-social-icon.btn-lg > :first-child {
-  line-height: 45px;
-  width: 45px;
-  font-size: 1.8em;
-}
-.btn-social-icon.btn-sm {
-  padding-left: 38px;
-}
-.btn-social-icon.btn-sm > :first-child {
-  line-height: 28px;
-  width: 28px;
-  font-size: 1.4em;
-}
-.btn-social-icon.btn-xs {
-  padding-left: 30px;
-}
-.btn-social-icon.btn-xs > :first-child {
-  line-height: 20px;
-  width: 20px;
-  font-size: 1.2em;
-}
-.btn-social-icon > :first-child {
-  border: none;
-  text-align: center;
   width: 100%;
 }
-.btn-social-icon.btn-lg {
-  height: 45px;
-  width: 45px;
+
+.post .row {
+  width: 100%;
+}
+
+.dark-mode .post {
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.product-image {
+  max-width: 100%;
+  height: auto;
+  width: 100%;
+}
+
+.product-image-thumbs {
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: 2rem;
+}
+
+.product-image-thumb {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  border-radius: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: 1rem;
+  max-width: 7rem;
+  padding: 0.5rem;
+}
+
+.product-image-thumb img {
+  max-width: 100%;
+  height: auto;
+  -ms-flex-item-align: center;
+  align-self: center;
+}
+
+.product-image-thumb:hover {
+  opacity: .5;
+}
+
+.product-share a {
+  margin-right: .5rem;
+}
+
+.projects td {
+  vertical-align: middle;
+}
+
+.projects .list-inline {
+  margin-bottom: 0;
+}
+
+.projects img.table-avatar,
+.projects .table-avatar img {
+  border-radius: 50%;
+  display: inline;
+  width: 2.5rem;
+}
+
+.projects .project-state {
+  text-align: center;
+}
+
+body.iframe-mode .main-sidebar {
+  display: none;
+}
+
+body.iframe-mode .content-wrapper {
+  margin-left: 0 !important;
+  margin-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+body.iframe-mode .main-header,
+body.iframe-mode .main-footer {
+  display: none;
+}
+
+body.iframe-mode-fullscreen {
+  overflow: hidden;
+}
+
+body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: 0 !important;
+}
+
+.content-wrapper {
+  height: 100%;
+}
+
+.content-wrapper.iframe-mode .btn-iframe-close {
+  color: #dc3545;
+  position: absolute;
+  line-height: 1;
+  right: .125rem;
+  top: .125rem;
+  z-index: 10;
+  visibility: hidden;
+}
+
+.content-wrapper.iframe-mode .btn-iframe-close:hover, .content-wrapper.iframe-mode .btn-iframe-close:focus {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+@media (hover: none) and (pointer: coarse) {
+  .content-wrapper.iframe-mode .btn-iframe-close {
+    visibility: visible;
+  }
+}
+
+.content-wrapper.iframe-mode .navbar-nav {
+  overflow-y: auto;
+  width: 100%;
+}
+
+.content-wrapper.iframe-mode .navbar-nav .nav-link {
+  white-space: nowrap;
+}
+
+.content-wrapper.iframe-mode .navbar-nav .nav-item {
+  position: relative;
+}
+
+.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+@media (hover: none) and (pointer: coarse) {
+  .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
+    visibility: visible;
+  }
+}
+
+.content-wrapper.iframe-mode .tab-content {
+  position: relative;
+}
+
+.content-wrapper.iframe-mode .tab-pane + .tab-empty {
+  display: none;
+}
+
+.content-wrapper.iframe-mode .tab-empty {
+  width: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.content-wrapper.iframe-mode .tab-loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: none;
+  background-color: #f4f6f9;
+}
+
+.content-wrapper.iframe-mode .tab-loading > div {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.content-wrapper.iframe-mode iframe {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  margin-bottom: -8px;
+}
+
+.content-wrapper.iframe-mode iframe .content-wrapper {
+  padding-bottom: 0 !important;
+}
+
+body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  margin-left: 0 !important;
+  height: 100%;
+  min-height: 100%;
+  z-index: 1048;
+}
+
+.permanent-btn-iframe-close .btn-iframe-close {
+  animation: none !important;
+  visibility: visible !important;
+  opacity: 1;
+}
+
+.dark-mode .content-wrapper.iframe-mode .tab-loading {
+  background-color: #343a40;
+}
+
+.content-wrapper.kanban {
+  height: 1px;
+}
+
+.content-wrapper.kanban .content {
+  height: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.content-wrapper.kanban .content .container,
+.content-wrapper.kanban .content .container-fluid,
+.content-wrapper.kanban .content .container-sm,
+.content-wrapper.kanban .content .container-md,
+.content-wrapper.kanban .content .container-lg,
+.content-wrapper.kanban .content .container-xl {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.content-wrapper.kanban .content-header + .content {
+  height: calc(100% - ((2 * 15px) + (1.8rem * 1.2)));
+}
+
+.content-wrapper.kanban .card .card-body {
+  padding: .5rem;
+}
+
+.content-wrapper.kanban .card.card-row {
+  width: 340px;
+  display: inline-block;
+  margin: 0 .5rem;
+}
+
+.content-wrapper.kanban .card.card-row:first-child {
+  margin-left: 0;
+}
+
+.content-wrapper.kanban .card.card-row .card-body {
+  height: calc(100% - (12px + (1.8rem * 1.2) + .5rem));
+  overflow-y: auto;
+}
+
+.content-wrapper.kanban .card.card-row .card:last-child {
+  margin-bottom: 0;
+  border-bottom-width: 1px;
+}
+
+.content-wrapper.kanban .card.card-row .card .card-header {
+  padding: .5rem .75rem;
+}
+
+.content-wrapper.kanban .card.card-row .card .card-body {
+  padding: .75rem;
+}
+
+.content-wrapper.kanban .btn-tool.btn-link {
+  text-decoration: underline;
   padding-left: 0;
   padding-right: 0;
 }
-.btn-social-icon.btn-sm {
-  height: 30px;
-  width: 30px;
-  padding-left: 0;
-  padding-right: 0;
-}
-.btn-social-icon.btn-xs {
-  height: 22px;
-  width: 22px;
-  padding-left: 0;
-  padding-right: 0;
-}
-.btn-adn {
-  color: #fff;
-  background-color: #d87a68;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:focus,
-.btn-adn.focus {
-  color: #fff;
-  background-color: #ce563f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:hover {
-  color: #fff;
-  background-color: #ce563f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:active,
-.btn-adn.active,
-.open > .dropdown-toggle.btn-adn {
-  color: #fff;
-  background-color: #ce563f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:active:hover,
-.btn-adn.active:hover,
-.open > .dropdown-toggle.btn-adn:hover,
-.btn-adn:active:focus,
-.btn-adn.active:focus,
-.open > .dropdown-toggle.btn-adn:focus,
-.btn-adn:active.focus,
-.btn-adn.active.focus,
-.open > .dropdown-toggle.btn-adn.focus {
-  color: #fff;
-  background-color: #b94630;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:active,
-.btn-adn.active,
-.open > .dropdown-toggle.btn-adn {
-  background-image: none;
-}
-.btn-adn.disabled:hover,
-.btn-adn[disabled]:hover,
-fieldset[disabled] .btn-adn:hover,
-.btn-adn.disabled:focus,
-.btn-adn[disabled]:focus,
-fieldset[disabled] .btn-adn:focus,
-.btn-adn.disabled.focus,
-.btn-adn[disabled].focus,
-fieldset[disabled] .btn-adn.focus {
-  background-color: #d87a68;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn .badge {
-  color: #d87a68;
-  background-color: #fff;
-}
-.btn-bitbucket {
-  color: #fff;
-  background-color: #205081;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:focus,
-.btn-bitbucket.focus {
-  color: #fff;
-  background-color: #163758;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:hover {
-  color: #fff;
-  background-color: #163758;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:active,
-.btn-bitbucket.active,
-.open > .dropdown-toggle.btn-bitbucket {
-  color: #fff;
-  background-color: #163758;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:active:hover,
-.btn-bitbucket.active:hover,
-.open > .dropdown-toggle.btn-bitbucket:hover,
-.btn-bitbucket:active:focus,
-.btn-bitbucket.active:focus,
-.open > .dropdown-toggle.btn-bitbucket:focus,
-.btn-bitbucket:active.focus,
-.btn-bitbucket.active.focus,
-.open > .dropdown-toggle.btn-bitbucket.focus {
-  color: #fff;
-  background-color: #0f253c;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:active,
-.btn-bitbucket.active,
-.open > .dropdown-toggle.btn-bitbucket {
-  background-image: none;
-}
-.btn-bitbucket.disabled:hover,
-.btn-bitbucket[disabled]:hover,
-fieldset[disabled] .btn-bitbucket:hover,
-.btn-bitbucket.disabled:focus,
-.btn-bitbucket[disabled]:focus,
-fieldset[disabled] .btn-bitbucket:focus,
-.btn-bitbucket.disabled.focus,
-.btn-bitbucket[disabled].focus,
-fieldset[disabled] .btn-bitbucket.focus {
-  background-color: #205081;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket .badge {
-  color: #205081;
-  background-color: #fff;
-}
-.btn-dropbox {
-  color: #fff;
-  background-color: #1087dd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:focus,
-.btn-dropbox.focus {
-  color: #fff;
-  background-color: #0d6aad;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:hover {
-  color: #fff;
-  background-color: #0d6aad;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:active,
-.btn-dropbox.active,
-.open > .dropdown-toggle.btn-dropbox {
-  color: #fff;
-  background-color: #0d6aad;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:active:hover,
-.btn-dropbox.active:hover,
-.open > .dropdown-toggle.btn-dropbox:hover,
-.btn-dropbox:active:focus,
-.btn-dropbox.active:focus,
-.open > .dropdown-toggle.btn-dropbox:focus,
-.btn-dropbox:active.focus,
-.btn-dropbox.active.focus,
-.open > .dropdown-toggle.btn-dropbox.focus {
-  color: #fff;
-  background-color: #0a568c;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:active,
-.btn-dropbox.active,
-.open > .dropdown-toggle.btn-dropbox {
-  background-image: none;
-}
-.btn-dropbox.disabled:hover,
-.btn-dropbox[disabled]:hover,
-fieldset[disabled] .btn-dropbox:hover,
-.btn-dropbox.disabled:focus,
-.btn-dropbox[disabled]:focus,
-fieldset[disabled] .btn-dropbox:focus,
-.btn-dropbox.disabled.focus,
-.btn-dropbox[disabled].focus,
-fieldset[disabled] .btn-dropbox.focus {
-  background-color: #1087dd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox .badge {
-  color: #1087dd;
-  background-color: #fff;
-}
-.btn-facebook {
-  color: #fff;
-  background-color: #3b5998;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:focus,
-.btn-facebook.focus {
-  color: #fff;
-  background-color: #2d4373;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:hover {
-  color: #fff;
-  background-color: #2d4373;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:active,
-.btn-facebook.active,
-.open > .dropdown-toggle.btn-facebook {
-  color: #fff;
-  background-color: #2d4373;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:active:hover,
-.btn-facebook.active:hover,
-.open > .dropdown-toggle.btn-facebook:hover,
-.btn-facebook:active:focus,
-.btn-facebook.active:focus,
-.open > .dropdown-toggle.btn-facebook:focus,
-.btn-facebook:active.focus,
-.btn-facebook.active.focus,
-.open > .dropdown-toggle.btn-facebook.focus {
-  color: #fff;
-  background-color: #23345a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:active,
-.btn-facebook.active,
-.open > .dropdown-toggle.btn-facebook {
-  background-image: none;
-}
-.btn-facebook.disabled:hover,
-.btn-facebook[disabled]:hover,
-fieldset[disabled] .btn-facebook:hover,
-.btn-facebook.disabled:focus,
-.btn-facebook[disabled]:focus,
-fieldset[disabled] .btn-facebook:focus,
-.btn-facebook.disabled.focus,
-.btn-facebook[disabled].focus,
-fieldset[disabled] .btn-facebook.focus {
-  background-color: #3b5998;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook .badge {
-  color: #3b5998;
-  background-color: #fff;
-}
-.btn-flickr {
-  color: #fff;
-  background-color: #ff0084;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:focus,
-.btn-flickr.focus {
-  color: #fff;
-  background-color: #cc006a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:hover {
-  color: #fff;
-  background-color: #cc006a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:active,
-.btn-flickr.active,
-.open > .dropdown-toggle.btn-flickr {
-  color: #fff;
-  background-color: #cc006a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:active:hover,
-.btn-flickr.active:hover,
-.open > .dropdown-toggle.btn-flickr:hover,
-.btn-flickr:active:focus,
-.btn-flickr.active:focus,
-.open > .dropdown-toggle.btn-flickr:focus,
-.btn-flickr:active.focus,
-.btn-flickr.active.focus,
-.open > .dropdown-toggle.btn-flickr.focus {
-  color: #fff;
-  background-color: #a80057;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:active,
-.btn-flickr.active,
-.open > .dropdown-toggle.btn-flickr {
-  background-image: none;
-}
-.btn-flickr.disabled:hover,
-.btn-flickr[disabled]:hover,
-fieldset[disabled] .btn-flickr:hover,
-.btn-flickr.disabled:focus,
-.btn-flickr[disabled]:focus,
-fieldset[disabled] .btn-flickr:focus,
-.btn-flickr.disabled.focus,
-.btn-flickr[disabled].focus,
-fieldset[disabled] .btn-flickr.focus {
-  background-color: #ff0084;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr .badge {
-  color: #ff0084;
-  background-color: #fff;
-}
-.btn-foursquare {
-  color: #fff;
-  background-color: #f94877;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:focus,
-.btn-foursquare.focus {
-  color: #fff;
-  background-color: #f71752;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:hover {
-  color: #fff;
-  background-color: #f71752;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:active,
-.btn-foursquare.active,
-.open > .dropdown-toggle.btn-foursquare {
-  color: #fff;
-  background-color: #f71752;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:active:hover,
-.btn-foursquare.active:hover,
-.open > .dropdown-toggle.btn-foursquare:hover,
-.btn-foursquare:active:focus,
-.btn-foursquare.active:focus,
-.open > .dropdown-toggle.btn-foursquare:focus,
-.btn-foursquare:active.focus,
-.btn-foursquare.active.focus,
-.open > .dropdown-toggle.btn-foursquare.focus {
-  color: #fff;
-  background-color: #e30742;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:active,
-.btn-foursquare.active,
-.open > .dropdown-toggle.btn-foursquare {
-  background-image: none;
-}
-.btn-foursquare.disabled:hover,
-.btn-foursquare[disabled]:hover,
-fieldset[disabled] .btn-foursquare:hover,
-.btn-foursquare.disabled:focus,
-.btn-foursquare[disabled]:focus,
-fieldset[disabled] .btn-foursquare:focus,
-.btn-foursquare.disabled.focus,
-.btn-foursquare[disabled].focus,
-fieldset[disabled] .btn-foursquare.focus {
-  background-color: #f94877;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare .badge {
-  color: #f94877;
-  background-color: #fff;
-}
-.btn-github {
-  color: #fff;
-  background-color: #444444;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:focus,
-.btn-github.focus {
-  color: #fff;
-  background-color: #2b2b2b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:hover {
-  color: #fff;
-  background-color: #2b2b2b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:active,
-.btn-github.active,
-.open > .dropdown-toggle.btn-github {
-  color: #fff;
-  background-color: #2b2b2b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:active:hover,
-.btn-github.active:hover,
-.open > .dropdown-toggle.btn-github:hover,
-.btn-github:active:focus,
-.btn-github.active:focus,
-.open > .dropdown-toggle.btn-github:focus,
-.btn-github:active.focus,
-.btn-github.active.focus,
-.open > .dropdown-toggle.btn-github.focus {
-  color: #fff;
-  background-color: #191919;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:active,
-.btn-github.active,
-.open > .dropdown-toggle.btn-github {
-  background-image: none;
-}
-.btn-github.disabled:hover,
-.btn-github[disabled]:hover,
-fieldset[disabled] .btn-github:hover,
-.btn-github.disabled:focus,
-.btn-github[disabled]:focus,
-fieldset[disabled] .btn-github:focus,
-.btn-github.disabled.focus,
-.btn-github[disabled].focus,
-fieldset[disabled] .btn-github.focus {
-  background-color: #444444;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github .badge {
-  color: #444444;
-  background-color: #fff;
-}
-.btn-google {
-  color: #fff;
-  background-color: #dd4b39;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:focus,
-.btn-google.focus {
-  color: #fff;
-  background-color: #c23321;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:hover {
-  color: #fff;
-  background-color: #c23321;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:active,
-.btn-google.active,
-.open > .dropdown-toggle.btn-google {
-  color: #fff;
-  background-color: #c23321;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:active:hover,
-.btn-google.active:hover,
-.open > .dropdown-toggle.btn-google:hover,
-.btn-google:active:focus,
-.btn-google.active:focus,
-.open > .dropdown-toggle.btn-google:focus,
-.btn-google:active.focus,
-.btn-google.active.focus,
-.open > .dropdown-toggle.btn-google.focus {
-  color: #fff;
-  background-color: #a32b1c;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:active,
-.btn-google.active,
-.open > .dropdown-toggle.btn-google {
-  background-image: none;
-}
-.btn-google.disabled:hover,
-.btn-google[disabled]:hover,
-fieldset[disabled] .btn-google:hover,
-.btn-google.disabled:focus,
-.btn-google[disabled]:focus,
-fieldset[disabled] .btn-google:focus,
-.btn-google.disabled.focus,
-.btn-google[disabled].focus,
-fieldset[disabled] .btn-google.focus {
-  background-color: #dd4b39;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google .badge {
-  color: #dd4b39;
-  background-color: #fff;
-}
-.btn-instagram {
-  color: #fff;
-  background-color: #3f729b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:focus,
-.btn-instagram.focus {
-  color: #fff;
-  background-color: #305777;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:hover {
-  color: #fff;
-  background-color: #305777;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:active,
-.btn-instagram.active,
-.open > .dropdown-toggle.btn-instagram {
-  color: #fff;
-  background-color: #305777;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:active:hover,
-.btn-instagram.active:hover,
-.open > .dropdown-toggle.btn-instagram:hover,
-.btn-instagram:active:focus,
-.btn-instagram.active:focus,
-.open > .dropdown-toggle.btn-instagram:focus,
-.btn-instagram:active.focus,
-.btn-instagram.active.focus,
-.open > .dropdown-toggle.btn-instagram.focus {
-  color: #fff;
-  background-color: #26455d;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:active,
-.btn-instagram.active,
-.open > .dropdown-toggle.btn-instagram {
-  background-image: none;
-}
-.btn-instagram.disabled:hover,
-.btn-instagram[disabled]:hover,
-fieldset[disabled] .btn-instagram:hover,
-.btn-instagram.disabled:focus,
-.btn-instagram[disabled]:focus,
-fieldset[disabled] .btn-instagram:focus,
-.btn-instagram.disabled.focus,
-.btn-instagram[disabled].focus,
-fieldset[disabled] .btn-instagram.focus {
-  background-color: #3f729b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram .badge {
-  color: #3f729b;
-  background-color: #fff;
-}
-.btn-linkedin {
-  color: #fff;
-  background-color: #007bb6;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:focus,
-.btn-linkedin.focus {
-  color: #fff;
-  background-color: #005983;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:hover {
-  color: #fff;
-  background-color: #005983;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:active,
-.btn-linkedin.active,
-.open > .dropdown-toggle.btn-linkedin {
-  color: #fff;
-  background-color: #005983;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:active:hover,
-.btn-linkedin.active:hover,
-.open > .dropdown-toggle.btn-linkedin:hover,
-.btn-linkedin:active:focus,
-.btn-linkedin.active:focus,
-.open > .dropdown-toggle.btn-linkedin:focus,
-.btn-linkedin:active.focus,
-.btn-linkedin.active.focus,
-.open > .dropdown-toggle.btn-linkedin.focus {
-  color: #fff;
-  background-color: #00405f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:active,
-.btn-linkedin.active,
-.open > .dropdown-toggle.btn-linkedin {
-  background-image: none;
-}
-.btn-linkedin.disabled:hover,
-.btn-linkedin[disabled]:hover,
-fieldset[disabled] .btn-linkedin:hover,
-.btn-linkedin.disabled:focus,
-.btn-linkedin[disabled]:focus,
-fieldset[disabled] .btn-linkedin:focus,
-.btn-linkedin.disabled.focus,
-.btn-linkedin[disabled].focus,
-fieldset[disabled] .btn-linkedin.focus {
-  background-color: #007bb6;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin .badge {
-  color: #007bb6;
-  background-color: #fff;
-}
-.btn-microsoft {
-  color: #fff;
-  background-color: #2672ec;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:focus,
-.btn-microsoft.focus {
-  color: #fff;
-  background-color: #125acd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:hover {
-  color: #fff;
-  background-color: #125acd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:active,
-.btn-microsoft.active,
-.open > .dropdown-toggle.btn-microsoft {
-  color: #fff;
-  background-color: #125acd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:active:hover,
-.btn-microsoft.active:hover,
-.open > .dropdown-toggle.btn-microsoft:hover,
-.btn-microsoft:active:focus,
-.btn-microsoft.active:focus,
-.open > .dropdown-toggle.btn-microsoft:focus,
-.btn-microsoft:active.focus,
-.btn-microsoft.active.focus,
-.open > .dropdown-toggle.btn-microsoft.focus {
-  color: #fff;
-  background-color: #0f4bac;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:active,
-.btn-microsoft.active,
-.open > .dropdown-toggle.btn-microsoft {
-  background-image: none;
-}
-.btn-microsoft.disabled:hover,
-.btn-microsoft[disabled]:hover,
-fieldset[disabled] .btn-microsoft:hover,
-.btn-microsoft.disabled:focus,
-.btn-microsoft[disabled]:focus,
-fieldset[disabled] .btn-microsoft:focus,
-.btn-microsoft.disabled.focus,
-.btn-microsoft[disabled].focus,
-fieldset[disabled] .btn-microsoft.focus {
-  background-color: #2672ec;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft .badge {
-  color: #2672ec;
-  background-color: #fff;
-}
-.btn-openid {
-  color: #fff;
-  background-color: #f7931e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:focus,
-.btn-openid.focus {
-  color: #fff;
-  background-color: #da7908;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:hover {
-  color: #fff;
-  background-color: #da7908;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:active,
-.btn-openid.active,
-.open > .dropdown-toggle.btn-openid {
-  color: #fff;
-  background-color: #da7908;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:active:hover,
-.btn-openid.active:hover,
-.open > .dropdown-toggle.btn-openid:hover,
-.btn-openid:active:focus,
-.btn-openid.active:focus,
-.open > .dropdown-toggle.btn-openid:focus,
-.btn-openid:active.focus,
-.btn-openid.active.focus,
-.open > .dropdown-toggle.btn-openid.focus {
-  color: #fff;
-  background-color: #b86607;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:active,
-.btn-openid.active,
-.open > .dropdown-toggle.btn-openid {
-  background-image: none;
-}
-.btn-openid.disabled:hover,
-.btn-openid[disabled]:hover,
-fieldset[disabled] .btn-openid:hover,
-.btn-openid.disabled:focus,
-.btn-openid[disabled]:focus,
-fieldset[disabled] .btn-openid:focus,
-.btn-openid.disabled.focus,
-.btn-openid[disabled].focus,
-fieldset[disabled] .btn-openid.focus {
-  background-color: #f7931e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid .badge {
-  color: #f7931e;
-  background-color: #fff;
-}
-.btn-pinterest {
-  color: #fff;
-  background-color: #cb2027;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:focus,
-.btn-pinterest.focus {
-  color: #fff;
-  background-color: #9f191f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:hover {
-  color: #fff;
-  background-color: #9f191f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:active,
-.btn-pinterest.active,
-.open > .dropdown-toggle.btn-pinterest {
-  color: #fff;
-  background-color: #9f191f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:active:hover,
-.btn-pinterest.active:hover,
-.open > .dropdown-toggle.btn-pinterest:hover,
-.btn-pinterest:active:focus,
-.btn-pinterest.active:focus,
-.open > .dropdown-toggle.btn-pinterest:focus,
-.btn-pinterest:active.focus,
-.btn-pinterest.active.focus,
-.open > .dropdown-toggle.btn-pinterest.focus {
-  color: #fff;
-  background-color: #801419;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:active,
-.btn-pinterest.active,
-.open > .dropdown-toggle.btn-pinterest {
-  background-image: none;
-}
-.btn-pinterest.disabled:hover,
-.btn-pinterest[disabled]:hover,
-fieldset[disabled] .btn-pinterest:hover,
-.btn-pinterest.disabled:focus,
-.btn-pinterest[disabled]:focus,
-fieldset[disabled] .btn-pinterest:focus,
-.btn-pinterest.disabled.focus,
-.btn-pinterest[disabled].focus,
-fieldset[disabled] .btn-pinterest.focus {
-  background-color: #cb2027;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest .badge {
-  color: #cb2027;
-  background-color: #fff;
-}
-.btn-reddit {
-  color: #000;
-  background-color: #eff7ff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:focus,
-.btn-reddit.focus {
-  color: #000;
-  background-color: #bcddff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:hover {
-  color: #000;
-  background-color: #bcddff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:active,
-.btn-reddit.active,
-.open > .dropdown-toggle.btn-reddit {
-  color: #000;
-  background-color: #bcddff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:active:hover,
-.btn-reddit.active:hover,
-.open > .dropdown-toggle.btn-reddit:hover,
-.btn-reddit:active:focus,
-.btn-reddit.active:focus,
-.open > .dropdown-toggle.btn-reddit:focus,
-.btn-reddit:active.focus,
-.btn-reddit.active.focus,
-.open > .dropdown-toggle.btn-reddit.focus {
-  color: #000;
-  background-color: #98ccff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:active,
-.btn-reddit.active,
-.open > .dropdown-toggle.btn-reddit {
-  background-image: none;
-}
-.btn-reddit.disabled:hover,
-.btn-reddit[disabled]:hover,
-fieldset[disabled] .btn-reddit:hover,
-.btn-reddit.disabled:focus,
-.btn-reddit[disabled]:focus,
-fieldset[disabled] .btn-reddit:focus,
-.btn-reddit.disabled.focus,
-.btn-reddit[disabled].focus,
-fieldset[disabled] .btn-reddit.focus {
-  background-color: #eff7ff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit .badge {
-  color: #eff7ff;
-  background-color: #000;
-}
-.btn-soundcloud {
-  color: #fff;
-  background-color: #ff5500;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:focus,
-.btn-soundcloud.focus {
-  color: #fff;
-  background-color: #cc4400;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:hover {
-  color: #fff;
-  background-color: #cc4400;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:active,
-.btn-soundcloud.active,
-.open > .dropdown-toggle.btn-soundcloud {
-  color: #fff;
-  background-color: #cc4400;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:active:hover,
-.btn-soundcloud.active:hover,
-.open > .dropdown-toggle.btn-soundcloud:hover,
-.btn-soundcloud:active:focus,
-.btn-soundcloud.active:focus,
-.open > .dropdown-toggle.btn-soundcloud:focus,
-.btn-soundcloud:active.focus,
-.btn-soundcloud.active.focus,
-.open > .dropdown-toggle.btn-soundcloud.focus {
-  color: #fff;
-  background-color: #a83800;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:active,
-.btn-soundcloud.active,
-.open > .dropdown-toggle.btn-soundcloud {
-  background-image: none;
-}
-.btn-soundcloud.disabled:hover,
-.btn-soundcloud[disabled]:hover,
-fieldset[disabled] .btn-soundcloud:hover,
-.btn-soundcloud.disabled:focus,
-.btn-soundcloud[disabled]:focus,
-fieldset[disabled] .btn-soundcloud:focus,
-.btn-soundcloud.disabled.focus,
-.btn-soundcloud[disabled].focus,
-fieldset[disabled] .btn-soundcloud.focus {
-  background-color: #ff5500;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud .badge {
-  color: #ff5500;
-  background-color: #fff;
-}
-.btn-tumblr {
-  color: #fff;
-  background-color: #2c4762;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:focus,
-.btn-tumblr.focus {
-  color: #fff;
-  background-color: #1c2d3f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:hover {
-  color: #fff;
-  background-color: #1c2d3f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:active,
-.btn-tumblr.active,
-.open > .dropdown-toggle.btn-tumblr {
-  color: #fff;
-  background-color: #1c2d3f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:active:hover,
-.btn-tumblr.active:hover,
-.open > .dropdown-toggle.btn-tumblr:hover,
-.btn-tumblr:active:focus,
-.btn-tumblr.active:focus,
-.open > .dropdown-toggle.btn-tumblr:focus,
-.btn-tumblr:active.focus,
-.btn-tumblr.active.focus,
-.open > .dropdown-toggle.btn-tumblr.focus {
-  color: #fff;
-  background-color: #111c26;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:active,
-.btn-tumblr.active,
-.open > .dropdown-toggle.btn-tumblr {
-  background-image: none;
-}
-.btn-tumblr.disabled:hover,
-.btn-tumblr[disabled]:hover,
-fieldset[disabled] .btn-tumblr:hover,
-.btn-tumblr.disabled:focus,
-.btn-tumblr[disabled]:focus,
-fieldset[disabled] .btn-tumblr:focus,
-.btn-tumblr.disabled.focus,
-.btn-tumblr[disabled].focus,
-fieldset[disabled] .btn-tumblr.focus {
-  background-color: #2c4762;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr .badge {
-  color: #2c4762;
-  background-color: #fff;
-}
-.btn-twitter {
-  color: #fff;
-  background-color: #55acee;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:focus,
-.btn-twitter.focus {
-  color: #fff;
-  background-color: #2795e9;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:hover {
-  color: #fff;
-  background-color: #2795e9;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:active,
-.btn-twitter.active,
-.open > .dropdown-toggle.btn-twitter {
-  color: #fff;
-  background-color: #2795e9;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:active:hover,
-.btn-twitter.active:hover,
-.open > .dropdown-toggle.btn-twitter:hover,
-.btn-twitter:active:focus,
-.btn-twitter.active:focus,
-.open > .dropdown-toggle.btn-twitter:focus,
-.btn-twitter:active.focus,
-.btn-twitter.active.focus,
-.open > .dropdown-toggle.btn-twitter.focus {
-  color: #fff;
-  background-color: #1583d7;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:active,
-.btn-twitter.active,
-.open > .dropdown-toggle.btn-twitter {
-  background-image: none;
-}
-.btn-twitter.disabled:hover,
-.btn-twitter[disabled]:hover,
-fieldset[disabled] .btn-twitter:hover,
-.btn-twitter.disabled:focus,
-.btn-twitter[disabled]:focus,
-fieldset[disabled] .btn-twitter:focus,
-.btn-twitter.disabled.focus,
-.btn-twitter[disabled].focus,
-fieldset[disabled] .btn-twitter.focus {
-  background-color: #55acee;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter .badge {
-  color: #55acee;
-  background-color: #fff;
-}
-.btn-vimeo {
-  color: #fff;
-  background-color: #1ab7ea;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:focus,
-.btn-vimeo.focus {
-  color: #fff;
-  background-color: #1295bf;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:hover {
-  color: #fff;
-  background-color: #1295bf;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:active,
-.btn-vimeo.active,
-.open > .dropdown-toggle.btn-vimeo {
-  color: #fff;
-  background-color: #1295bf;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:active:hover,
-.btn-vimeo.active:hover,
-.open > .dropdown-toggle.btn-vimeo:hover,
-.btn-vimeo:active:focus,
-.btn-vimeo.active:focus,
-.open > .dropdown-toggle.btn-vimeo:focus,
-.btn-vimeo:active.focus,
-.btn-vimeo.active.focus,
-.open > .dropdown-toggle.btn-vimeo.focus {
-  color: #fff;
-  background-color: #0f7b9f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:active,
-.btn-vimeo.active,
-.open > .dropdown-toggle.btn-vimeo {
-  background-image: none;
-}
-.btn-vimeo.disabled:hover,
-.btn-vimeo[disabled]:hover,
-fieldset[disabled] .btn-vimeo:hover,
-.btn-vimeo.disabled:focus,
-.btn-vimeo[disabled]:focus,
-fieldset[disabled] .btn-vimeo:focus,
-.btn-vimeo.disabled.focus,
-.btn-vimeo[disabled].focus,
-fieldset[disabled] .btn-vimeo.focus {
-  background-color: #1ab7ea;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo .badge {
-  color: #1ab7ea;
-  background-color: #fff;
-}
-.btn-vk {
-  color: #fff;
-  background-color: #587ea3;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:focus,
-.btn-vk.focus {
-  color: #fff;
-  background-color: #466482;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:hover {
-  color: #fff;
-  background-color: #466482;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:active,
-.btn-vk.active,
-.open > .dropdown-toggle.btn-vk {
-  color: #fff;
-  background-color: #466482;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:active:hover,
-.btn-vk.active:hover,
-.open > .dropdown-toggle.btn-vk:hover,
-.btn-vk:active:focus,
-.btn-vk.active:focus,
-.open > .dropdown-toggle.btn-vk:focus,
-.btn-vk:active.focus,
-.btn-vk.active.focus,
-.open > .dropdown-toggle.btn-vk.focus {
-  color: #fff;
-  background-color: #3a526b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:active,
-.btn-vk.active,
-.open > .dropdown-toggle.btn-vk {
-  background-image: none;
-}
-.btn-vk.disabled:hover,
-.btn-vk[disabled]:hover,
-fieldset[disabled] .btn-vk:hover,
-.btn-vk.disabled:focus,
-.btn-vk[disabled]:focus,
-fieldset[disabled] .btn-vk:focus,
-.btn-vk.disabled.focus,
-.btn-vk[disabled].focus,
-fieldset[disabled] .btn-vk.focus {
-  background-color: #587ea3;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk .badge {
-  color: #587ea3;
-  background-color: #fff;
-}
-.btn-yahoo {
-  color: #fff;
-  background-color: #720e9e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:focus,
-.btn-yahoo.focus {
-  color: #fff;
-  background-color: #500a6f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:hover {
-  color: #fff;
-  background-color: #500a6f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:active,
-.btn-yahoo.active,
-.open > .dropdown-toggle.btn-yahoo {
-  color: #fff;
-  background-color: #500a6f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:active:hover,
-.btn-yahoo.active:hover,
-.open > .dropdown-toggle.btn-yahoo:hover,
-.btn-yahoo:active:focus,
-.btn-yahoo.active:focus,
-.open > .dropdown-toggle.btn-yahoo:focus,
-.btn-yahoo:active.focus,
-.btn-yahoo.active.focus,
-.open > .dropdown-toggle.btn-yahoo.focus {
-  color: #fff;
-  background-color: #39074e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:active,
-.btn-yahoo.active,
-.open > .dropdown-toggle.btn-yahoo {
-  background-image: none;
-}
-.btn-yahoo.disabled:hover,
-.btn-yahoo[disabled]:hover,
-fieldset[disabled] .btn-yahoo:hover,
-.btn-yahoo.disabled:focus,
-.btn-yahoo[disabled]:focus,
-fieldset[disabled] .btn-yahoo:focus,
-.btn-yahoo.disabled.focus,
-.btn-yahoo[disabled].focus,
-fieldset[disabled] .btn-yahoo.focus {
-  background-color: #720e9e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo .badge {
-  color: #720e9e;
-  background-color: #fff;
-}
-/*
- * Plugin: Full Calendar
- * ---------------------
- */
+
 .fc-button {
-  background: #f4f4f4;
+  background: #f8f9fa;
   background-image: none;
-  color: #444;
-  border-color: #ddd;
   border-bottom-color: #ddd;
+  border-color: #ddd;
+  color: #495057;
 }
-.fc-button:hover,
-.fc-button:active,
-.fc-button.hover {
+
+.fc-button:hover, .fc-button:active, .fc-button.hover {
   background-color: #e9e9e9;
 }
+
 .fc-header-title h2 {
+  color: #666;
   font-size: 15px;
   line-height: 1.6em;
-  color: #666;
   margin-left: 10px;
 }
+
 .fc-header-right {
   padding-right: 10px;
 }
+
 .fc-header-left {
   padding-left: 10px;
 }
+
 .fc-widget-header {
   background: #fafafa;
 }
+
 .fc-grid {
-  width: 100%;
   border: 0;
+  width: 100%;
 }
+
 .fc-widget-header:first-of-type,
 .fc-widget-content:first-of-type {
   border-left: 0;
   border-right: 0;
 }
+
 .fc-widget-header:last-of-type,
 .fc-widget-content:last-of-type {
   border-right: 0;
 }
-.fc-toolbar {
-  padding: 10px;
+
+.fc-toolbar,
+.fc-toolbar.fc-header-toolbar {
   margin: 0;
+  padding: 1rem;
 }
+
+@media (max-width: 575.98px) {
+  .fc-toolbar {
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+  .fc-toolbar .fc-left {
+    -ms-flex-order: 1;
+    order: 1;
+    margin-bottom: .5rem;
+  }
+  .fc-toolbar .fc-center {
+    -ms-flex-order: 0;
+    order: 0;
+    margin-bottom: .375rem;
+  }
+  .fc-toolbar .fc-right {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+}
+
 .fc-day-number {
   font-size: 20px;
   font-weight: 300;
   padding-right: 10px;
 }
+
 .fc-color-picker {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 .fc-color-picker > li {
   float: left;
   font-size: 30px;
-  margin-right: 5px;
   line-height: 30px;
+  margin-right: 5px;
 }
-.fc-color-picker > li .fa {
-  transition: transform linear 0.3s;
+
+.fc-color-picker > li .fa,
+.fc-color-picker > li .fas,
+.fc-color-picker > li .far,
+.fc-color-picker > li .fab,
+.fc-color-picker > li .fal,
+.fc-color-picker > li .fad,
+.fc-color-picker > li .svg-inline--fa,
+.fc-color-picker > li .ion {
+  transition: transform linear .3s;
 }
-.fc-color-picker > li .fa:hover {
+
+.fc-color-picker > li .fa:hover,
+.fc-color-picker > li .fas:hover,
+.fc-color-picker > li .far:hover,
+.fc-color-picker > li .fab:hover,
+.fc-color-picker > li .fal:hover,
+.fc-color-picker > li .fad:hover,
+.fc-color-picker > li .svg-inline--fa:hover,
+.fc-color-picker > li .ion:hover {
   transform: rotate(30deg);
 }
+
 #add-new-event {
-  transition: all linear 0.3s;
+  transition: all linear .3s;
 }
+
 .external-event {
-  padding: 5px 10px;
-  font-weight: bold;
-  margin-bottom: 4px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
   cursor: move;
+  font-weight: 700;
+  margin-bottom: 4px;
+  padding: 5px 10px;
 }
+
 .external-event:hover {
   box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
 }
-/*
- * Plugin: Select2
- * ---------------
- */
-.select2-container--default.select2-container--focus,
-.select2-selection.select2-container--focus,
-.select2-container--default:focus,
-.select2-selection:focus,
-.select2-container--default:active,
-.select2-selection:active {
-  outline: none;
+
+.select2-container--default .select2-selection--single {
+  border: 1px solid #ced4da;
+  padding: 0.46875rem 0.75rem;
+  height: calc(2.25rem + 2px);
 }
-.select2-container--default .select2-selection--single,
-.select2-selection .select2-selection--single {
-  border: 1px solid #d2d6de;
-  border-radius: 0;
+
+.select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-dropdown {
+  border: 1px solid #ced4da;
+}
+
+.select2-container--default .select2-results__option {
   padding: 6px 12px;
-  height: 34px;
-}
-.select2-container--default.select2-container--open {
-  border-color: #3c8dbc;
-}
-.select2-dropdown {
-  border: 1px solid #d2d6de;
-  border-radius: 0;
-}
-.select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #3c8dbc;
-  color: white;
-}
-.select2-results__option {
-  padding: 6px 12px;
-  -moz-user-select: none;
-       user-select: none;
   -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
-.select2-container .select2-selection--single .select2-selection__rendered {
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
   padding-left: 0;
-  padding-right: 0;
   height: auto;
-  margin-top: -4px;
+  margin-top: -3px;
 }
-.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
   padding-right: 6px;
   padding-left: 20px;
 }
+
 .select2-container--default .select2-selection--single .select2-selection__arrow {
-  height: 28px;
-  right: 3px;
+  height: 31px;
+  right: 6px;
 }
+
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   margin-top: 0;
 }
-.select2-dropdown .select2-search__field,
-.select2-search--inline .select2-search__field {
-  border: 1px solid #d2d6de;
+
+.select2-container--default .select2-dropdown .select2-search__field,
+.select2-container--default .select2-search--inline .select2-search__field {
+  border: 1px solid #ced4da;
 }
-.select2-dropdown .select2-search__field:focus,
-.select2-search--inline .select2-search__field:focus {
+
+.select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-search--inline .select2-search__field:focus {
   outline: none;
+  border: 1px solid #80bdff;
 }
-.select2-container--default.select2-container--focus .select2-selection--multiple,
-.select2-container--default .select2-search--dropdown .select2-search__field {
-  border-color: #3c8dbc !important;
+
+.select2-container--default .select2-dropdown.select2-dropdown--below {
+  border-top: 0;
 }
-.select2-container--default .select2-results__option[aria-disabled=true] {
-  color: #999;
+
+.select2-container--default .select2-dropdown.select2-dropdown--above {
+  border-bottom: 0;
 }
-.select2-container--default .select2-results__option[aria-selected=true] {
-  background-color: #ddd;
+
+.select2-container--default .select2-results__option[aria-disabled='true'] {
+  color: #6c757d;
 }
-.select2-container--default .select2-results__option[aria-selected=true],
-.select2-container--default .select2-results__option[aria-selected=true]:hover {
-  color: #444;
+
+.select2-container--default .select2-results__option[aria-selected='true'] {
+  background-color: #dee2e6;
 }
-.select2-container--default .select2-selection--multiple {
-  border: 1px solid #d2d6de;
-  border-radius: 0;
+
+.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover {
+  color: #1f2d3d;
 }
-.select2-container--default .select2-selection--multiple:focus {
-  border-color: #3c8dbc;
-}
-.select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: #d2d6de;
-}
-.select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #3c8dbc;
-  border-color: #367fa9;
-  padding: 1px 10px;
+
+.select2-container--default .select2-results__option--highlighted {
+  background-color: #007bff;
   color: #fff;
 }
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  margin-right: 5px;
-  color: rgba(255, 255, 255, 0.7);
+
+.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #0074f0;
+  color: #fff;
 }
+
+.select2-container--default .select2-selection--multiple {
+  border: 1px solid #ced4da;
+  min-height: calc(2.25rem + 2px);
+}
+
+.select2-container--default .select2-selection--multiple:focus {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+  padding: 0 0.375rem 0.375rem;
+  margin-bottom: -0.375rem;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
+  width: 100%;
+  margin-left: 0.375rem;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field {
+  width: 100% !important;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
+  border: 0;
+  margin-top: 6px;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #007bff;
+  border-color: #006fe6;
+  color: #fff;
+  padding: 0 10px;
+  margin-top: .31rem;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+  float: right;
+  margin-left: 5px;
+  margin-right: -2px;
+}
+
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #fff;
 }
-.select2-container .select2-selection--single .select2-selection__rendered {
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field {
+  margin-top: 8px;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice {
+  margin-top: .4rem;
+}
+
+.select2-container--default.select2-container--focus .select2-selection--single,
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #80bdff;
+}
+
+.select2-container--default.select2-container--focus .select2-search__field {
+  border: 0;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered li {
   padding-right: 10px;
 }
-.box .datepicker-inline,
-.box .datepicker-inline .datepicker-days,
-.box .datepicker-inline > table,
-.box .datepicker-inline .datepicker-days > table {
+
+.input-group-prepend ~ .select2-container--default .select2-selection {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.input-group > .select2-container--default:not(:last-child) .select2-selection {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.select2-container--bootstrap4.select2-container--focus .select2-selection {
+  box-shadow: none;
+}
+
+select.form-control-sm ~ .select2-container--default {
+  font-size: 75%;
+}
+
+.text-sm .select2-container--default .select2-selection--single,
+select.form-control-sm ~ .select2-container--default .select2-selection--single {
+  height: calc(1.8125rem + 2px);
+}
+
+.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered,
+select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
+  margin-top: -.4rem;
+}
+
+.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow,
+select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
+  top: -.12rem;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple {
+  min-height: calc(1.8125rem + 2px);
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
+  padding: 0 0.25rem 0.25rem;
+  margin-top: -0.1rem;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
+  margin-left: 0.25rem;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
+  margin-top: 6px;
+}
+
+.maximized-card .select2-dropdown {
+  z-index: 9999;
+}
+
+.select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
+.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #80bdff;
+}
+
+.select2-container--default .select2-primary .select2-results__option--highlighted,
+.select2-primary .select2-container--default .select2-results__option--highlighted {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
+.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #0074f0;
+  color: #fff;
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple:focus,
+.select2-primary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
+.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #007bff;
+  border-color: #006fe6;
+  color: #fff;
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
+.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,
+.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #80bdff;
+}
+
+.select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
+.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .select2-secondary .select2-results__option--highlighted,
+.select2-secondary .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
+.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple:focus,
+.select2-secondary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,
+.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
+.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,
+.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.select2-success + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
+.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #71dd8a;
+}
+
+.select2-container--default .select2-success .select2-results__option--highlighted,
+.select2-success .select2-container--default .select2-results__option--highlighted {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,
+.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #259b40;
+  color: #fff;
+}
+
+.select2-container--default .select2-success .select2-selection--multiple:focus,
+.select2-success .select2-container--default .select2-selection--multiple:focus {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,
+.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #28a745;
+  border-color: #23923d;
+  color: #fff;
+}
+
+.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,
+.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,
+.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #71dd8a;
+}
+
+.select2-info + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
+.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #63d9ec;
+}
+
+.select2-container--default .select2-info .select2-results__option--highlighted,
+.select2-info .select2-container--default .select2-results__option--highlighted {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,
+.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1596aa;
+  color: #fff;
+}
+
+.select2-container--default .select2-info .select2-selection--multiple:focus,
+.select2-info .select2-container--default .select2-selection--multiple:focus {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,
+.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #17a2b8;
+  border-color: #148ea1;
+  color: #fff;
+}
+
+.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,
+.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,
+.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #63d9ec;
+}
+
+.select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
+.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #ffe187;
+}
+
+.select2-container--default .select2-warning .select2-results__option--highlighted,
+.select2-warning .select2-container--default .select2-results__option--highlighted {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
+.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7b900;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple:focus,
+.select2-warning .select2-container--default .select2-selection--multiple:focus {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,
+.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #ffc107;
+  border-color: #edb100;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
+.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,
+.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #ffe187;
+}
+
+.select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
+.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #efa2a9;
+}
+
+.select2-container--default .select2-danger .select2-results__option--highlighted,
+.select2-danger .select2-container--default .select2-results__option--highlighted {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
+.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #da2839;
+  color: #fff;
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple:focus,
+.select2-danger .select2-container--default .select2-selection--multiple:focus {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,
+.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #dc3545;
+  border-color: #d32535;
+  color: #fff;
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
+.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,
+.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #efa2a9;
+}
+
+.select2-light + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
+.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .select2-light .select2-results__option--highlighted,
+.select2-light .select2-container--default .select2-results__option--highlighted {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,
+.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #eff1f4;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light .select2-selection--multiple:focus,
+.select2-light .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,
+.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,
+.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,
+.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
+.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .select2-dark .select2-results__option--highlighted,
+.select2-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
+.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple:focus,
+.select2-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,
+.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
+.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,
+.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #99c5de;
+}
+
+.select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #99c5de;
+}
+
+.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,
+.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #99c5de;
+}
+
+.select2-container--default .select2-lightblue .select2-results__option--highlighted,
+.select2-lightblue .select2-container--default .select2-results__option--highlighted {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
+.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #3884b0;
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple:focus,
+.select2-lightblue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #99c5de;
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice,
+.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3c8dbc;
+  border-color: #367fa9;
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
+.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple,
+.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #99c5de;
+}
+
+.select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #005ebf;
+}
+
+.select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #005ebf;
+}
+
+.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
+.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #005ebf;
+}
+
+.select2-container--default .select2-navy .select2-results__option--highlighted,
+.select2-navy .select2-container--default .select2-results__option--highlighted {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
+.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #001730;
+  color: #fff;
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple:focus,
+.select2-navy .select2-container--default .select2-selection--multiple:focus {
+  border-color: #005ebf;
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,
+.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #001f3f;
+  border-color: #001226;
+  color: #fff;
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
+.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,
+.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #005ebf;
+}
+
+.select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #87cfaf;
+}
+
+.select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #87cfaf;
+}
+
+.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
+.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #87cfaf;
+}
+
+.select2-container--default .select2-olive .select2-results__option--highlighted,
+.select2-olive .select2-container--default .select2-results__option--highlighted {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
+.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #398e68;
+  color: #fff;
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple:focus,
+.select2-olive .select2-container--default .select2-selection--multiple:focus {
+  border-color: #87cfaf;
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,
+.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3d9970;
+  border-color: #368763;
+  color: #fff;
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
+.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,
+.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #87cfaf;
+}
+
+.select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #81ffb8;
+}
+
+.select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #81ffb8;
+}
+
+.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
+.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #81ffb8;
+}
+
+.select2-container--default .select2-lime .select2-results__option--highlighted,
+.select2-lime .select2-container--default .select2-results__option--highlighted {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
+.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #00f169;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple:focus,
+.select2-lime .select2-container--default .select2-selection--multiple:focus {
+  border-color: #81ffb8;
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,
+.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #01ff70;
+  border-color: #00e765;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
+.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,
+.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #81ffb8;
+}
+
+.select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f88adf;
+}
+
+.select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f88adf;
+}
+
+.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
+.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f88adf;
+}
+
+.select2-container--default .select2-fuchsia .select2-results__option--highlighted,
+.select2-fuchsia .select2-container--default .select2-results__option--highlighted {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
+.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e40eb4;
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple:focus,
+.select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f88adf;
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
+.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f012be;
+  border-color: #db0ead;
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
+.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,
+.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f88adf;
+}
+
+.select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f083ab;
+}
+
+.select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f083ab;
+}
+
+.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
+.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f083ab;
+}
+
+.select2-container--default .select2-maroon .select2-results__option--highlighted,
+.select2-maroon .select2-container--default .select2-results__option--highlighted {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
+.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #ca195a;
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple:focus,
+.select2-maroon .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f083ab;
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,
+.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #d81b60;
+  border-color: #c11856;
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
+.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,
+.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f083ab;
+}
+
+.select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
+.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #80bdff;
+}
+
+.select2-container--default .select2-blue .select2-results__option--highlighted,
+.select2-blue .select2-container--default .select2-results__option--highlighted {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
+.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #0074f0;
+  color: #fff;
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple:focus,
+.select2-blue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice,
+.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #007bff;
+  border-color: #006fe6;
+  color: #fff;
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
+.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple,
+.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #80bdff;
+}
+
+.select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
+.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b389f9;
+}
+
+.select2-container--default .select2-indigo .select2-results__option--highlighted,
+.select2-indigo .select2-container--default .select2-results__option--highlighted {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
+.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #5f0de6;
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple:focus,
+.select2-indigo .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b389f9;
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,
+.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6610f2;
+  border-color: #5b0cdd;
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
+.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,
+.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b389f9;
+}
+
+.select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
+.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b8a2e0;
+}
+
+.select2-container--default .select2-purple .select2-results__option--highlighted,
+.select2-purple .select2-container--default .select2-results__option--highlighted {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
+.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #683cb8;
+  color: #fff;
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple:focus,
+.select2-purple .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,
+.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6f42c1;
+  border-color: #643ab0;
+  color: #fff;
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
+.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,
+.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b8a2e0;
+}
+
+.select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
+.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f6b0d0;
+}
+
+.select2-container--default .select2-pink .select2-results__option--highlighted,
+.select2-pink .select2-container--default .select2-results__option--highlighted {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
+.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e63084;
+  color: #fff;
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple:focus,
+.select2-pink .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,
+.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e83e8c;
+  border-color: #e5277e;
+  color: #fff;
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
+.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,
+.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f6b0d0;
+}
+
+.select2-red + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
+.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #efa2a9;
+}
+
+.select2-container--default .select2-red .select2-results__option--highlighted,
+.select2-red .select2-container--default .select2-results__option--highlighted {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,
+.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #da2839;
+  color: #fff;
+}
+
+.select2-container--default .select2-red .select2-selection--multiple:focus,
+.select2-red .select2-container--default .select2-selection--multiple:focus {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,
+.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #dc3545;
+  border-color: #d32535;
+  color: #fff;
+}
+
+.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,
+.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,
+.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #efa2a9;
+}
+
+.select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #fec392;
+}
+
+.select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #fec392;
+}
+
+.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
+.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #fec392;
+}
+
+.select2-container--default .select2-orange .select2-results__option--highlighted,
+.select2-orange .select2-container--default .select2-results__option--highlighted {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
+.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #fd7605;
+  color: #fff;
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple:focus,
+.select2-orange .select2-container--default .select2-selection--multiple:focus {
+  border-color: #fec392;
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,
+.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fd7e14;
+  border-color: #f57102;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
+.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,
+.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #fec392;
+}
+
+.select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
+.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #ffe187;
+}
+
+.select2-container--default .select2-yellow .select2-results__option--highlighted,
+.select2-yellow .select2-container--default .select2-results__option--highlighted {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
+.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7b900;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple:focus,
+.select2-yellow .select2-container--default .select2-selection--multiple:focus {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,
+.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #ffc107;
+  border-color: #edb100;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
+.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,
+.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #ffe187;
+}
+
+.select2-green + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
+.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #71dd8a;
+}
+
+.select2-container--default .select2-green .select2-results__option--highlighted,
+.select2-green .select2-container--default .select2-results__option--highlighted {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,
+.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #259b40;
+  color: #fff;
+}
+
+.select2-container--default .select2-green .select2-selection--multiple:focus,
+.select2-green .select2-container--default .select2-selection--multiple:focus {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,
+.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #28a745;
+  border-color: #23923d;
+  color: #fff;
+}
+
+.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,
+.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,
+.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #71dd8a;
+}
+
+.select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
+.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #7eeaca;
+}
+
+.select2-container--default .select2-teal .select2-results__option--highlighted,
+.select2-teal .select2-container--default .select2-results__option--highlighted {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
+.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1ebc8d;
+  color: #fff;
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple:focus,
+.select2-teal .select2-container--default .select2-selection--multiple:focus {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,
+.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #20c997;
+  border-color: #1cb386;
+  color: #fff;
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
+.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,
+.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #7eeaca;
+}
+
+.select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
+.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #63d9ec;
+}
+
+.select2-container--default .select2-cyan .select2-results__option--highlighted,
+.select2-cyan .select2-container--default .select2-results__option--highlighted {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
+.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1596aa;
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple:focus,
+.select2-cyan .select2-container--default .select2-selection--multiple:focus {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,
+.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #17a2b8;
+  border-color: #148ea1;
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
+.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,
+.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #63d9ec;
+}
+
+.select2-white + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
+.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .select2-white .select2-results__option--highlighted,
+.select2-white .select2-container--default .select2-results__option--highlighted {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,
+.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7f7f7;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white .select2-selection--multiple:focus,
+.select2-white .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,
+.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fff;
+  border-color: #f2f2f2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,
+.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,
+.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
+.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .select2-gray .select2-results__option--highlighted,
+.select2-gray .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
+.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple:focus,
+.select2-gray .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,
+.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
+.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,
+.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,
+.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .select2-gray-dark .select2-results__option--highlighted,
+.select2-gray-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
+.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple:focus,
+.select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
+.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
+.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,
+.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-selection {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.dark-mode .select2-container--disabled .select2-selection--single {
+  background-color: #454d55;
+}
+
+.dark-mode .select2-selection--single {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.dark-mode .select2-selection--single .select2-selection__rendered {
+  color: #fff;
+}
+
+.dark-mode .select2-dropdown .select2-search__field,
+.dark-mode .select2-search--inline .select2-search__field {
+  background-color: #343a40;
+  border-color: #6c757d;
+  color: white;
+}
+
+.dark-mode .select2-dropdown {
+  background-color: #343a40;
+  border-color: #6c757d;
+  color: white;
+}
+
+.dark-mode .select2-results__option[aria-selected="true"] {
+  background-color: #3f474e !important;
+  color: #dee2e6;
+}
+
+.dark-mode .select2-container .select2-search--inline .select2-search__field {
+  background-color: transparent;
+  color: #fff;
+}
+
+.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
+  color: #fff;
+}
+
+.dark-mode .select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted,
+.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #3a5f86;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3f6791;
+  border-color: #375a7f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted,
+.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-success + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted,
+.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #00ad81;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #00bc8c;
+  border-color: #00a379;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-info + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted,
+.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2791d9;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3498db;
+  border-color: #258cd1;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted,
+.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #ea940c;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f39c12;
+  border-color: #e08e0b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted,
+.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e53f2e;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e74c3c;
+  border-color: #e43725;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-light + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.dark-mode .select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted,
+.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #eff1f4;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.dark-mode .select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted,
+.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #e6f1f7;
+}
+
+.select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #e6f1f7;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted,
+.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #7ab3d5;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #e6f1f7;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #86bad8;
+  border-color: #72afd2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #006ad8;
+}
+
+.dark-mode .select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #006ad8;
+}
+
+.select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #006ad8;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted,
+.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #002449;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus {
+  border-color: #006ad8;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #002c59;
+  border-color: #001f3f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #006ad8;
+}
+
+.dark-mode .select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #cfecdf;
+}
+
+.dark-mode .select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #cfecdf;
+}
+
+.select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #cfecdf;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted,
+.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #69c39b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus {
+  border-color: #cfecdf;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #74c8a3;
+  border-color: #62c096;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #cfecdf;
+}
+
+.dark-mode .select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #e7fff1;
+}
+
+.dark-mode .select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #e7fff1;
+}
+
+.select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #e7fff1;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted,
+.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #58ffa1;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus {
+  border-color: #e7fff1;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #67ffa9;
+  border-color: #4eff9b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #e7fff1;
+}
+
+.dark-mode .select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #feeaf9;
+}
+
+.dark-mode .select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #feeaf9;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #feeaf9;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted,
+.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f564d4;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
+  border-color: #feeaf9;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f672d8;
+  border-color: #f55ad2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #feeaf9;
+}
+
+.dark-mode .select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #fbdee8;
+}
+
+.dark-mode .select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #fbdee8;
+}
+
+.select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #fbdee8;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted,
+.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #eb5f92;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus {
+  border-color: #fbdee8;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #ed6c9b;
+  border-color: #ea568c;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #fbdee8;
+}
+
+.dark-mode .select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted,
+.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #3a5f86;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3f6791;
+  border-color: #375a7f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.dark-mode .select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b389f9;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted,
+.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #5f0de6;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b389f9;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6610f2;
+  border-color: #5b0cdd;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b389f9;
+}
+
+.dark-mode .select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b8a2e0;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted,
+.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #683cb8;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6f42c1;
+  border-color: #643ab0;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f6b0d0;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted,
+.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e63084;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e83e8c;
+  border-color: #e5277e;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .select2-red + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted,
+.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e53f2e;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e74c3c;
+  border-color: #e43725;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #fec392;
+}
+
+.dark-mode .select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #fec392;
+}
+
+.select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #fec392;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted,
+.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #fd7605;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus {
+  border-color: #fec392;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fd7e14;
+  border-color: #f57102;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #fec392;
+}
+
+.dark-mode .select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted,
+.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #ea940c;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f39c12;
+  border-color: #e08e0b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-green + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted,
+.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #00ad81;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #00bc8c;
+  border-color: #00a379;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.dark-mode .select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #7eeaca;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted,
+.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1ebc8d;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #20c997;
+  border-color: #1cb386;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #7eeaca;
+}
+
+.dark-mode .select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted,
+.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2791d9;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3498db;
+  border-color: #258cd1;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-white + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.dark-mode .select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted,
+.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7f7f7;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fff;
+  border-color: #f2f2f2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.dark-mode .select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted,
+.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted,
+.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.slider .tooltip.in {
+  opacity: 0.9;
+}
+
+.slider.slider-vertical {
+  height: 100%;
+}
+
+.slider.slider-horizontal {
   width: 100%;
 }
-.box .datepicker-inline td:hover,
-.box .datepicker-inline .datepicker-days td:hover,
-.box .datepicker-inline > table td:hover,
-.box .datepicker-inline .datepicker-days > table td:hover {
-  background-color: rgba(255, 255, 255, 0.3);
+
+.slider-primary .slider .slider-selection {
+  background: #007bff;
 }
-.box .datepicker-inline td.day.old,
-.box .datepicker-inline .datepicker-days td.day.old,
-.box .datepicker-inline > table td.day.old,
-.box .datepicker-inline .datepicker-days > table td.day.old,
-.box .datepicker-inline td.day.new,
-.box .datepicker-inline .datepicker-days td.day.new,
-.box .datepicker-inline > table td.day.new,
-.box .datepicker-inline .datepicker-days > table td.day.new {
-  color: #777;
+
+.slider-secondary .slider .slider-selection {
+  background: #6c757d;
 }
-/*
- * General: Miscellaneous
- * ----------------------
- */
-.pad {
-  padding: 10px;
+
+.slider-success .slider .slider-selection {
+  background: #28a745;
 }
-.margin {
-  margin: 10px;
+
+.slider-info .slider .slider-selection {
+  background: #17a2b8;
 }
-.margin-bottom {
-  margin-bottom: 20px;
+
+.slider-warning .slider .slider-selection {
+  background: #ffc107;
 }
-.margin-bottom-none {
-  margin-bottom: 0;
+
+.slider-danger .slider .slider-selection {
+  background: #dc3545;
 }
-.margin-r-5 {
-  margin-right: 5px;
+
+.slider-light .slider .slider-selection {
+  background: #f8f9fa;
 }
-.inline {
-  display: inline;
+
+.slider-dark .slider .slider-selection {
+  background: #343a40;
 }
-.description-block {
+
+.slider-lightblue .slider .slider-selection {
+  background: #3c8dbc;
+}
+
+.slider-navy .slider .slider-selection {
+  background: #001f3f;
+}
+
+.slider-olive .slider .slider-selection {
+  background: #3d9970;
+}
+
+.slider-lime .slider .slider-selection {
+  background: #01ff70;
+}
+
+.slider-fuchsia .slider .slider-selection {
+  background: #f012be;
+}
+
+.slider-maroon .slider .slider-selection {
+  background: #d81b60;
+}
+
+.slider-blue .slider .slider-selection {
+  background: #007bff;
+}
+
+.slider-indigo .slider .slider-selection {
+  background: #6610f2;
+}
+
+.slider-purple .slider .slider-selection {
+  background: #6f42c1;
+}
+
+.slider-pink .slider .slider-selection {
+  background: #e83e8c;
+}
+
+.slider-red .slider .slider-selection {
+  background: #dc3545;
+}
+
+.slider-orange .slider .slider-selection {
+  background: #fd7e14;
+}
+
+.slider-yellow .slider .slider-selection {
+  background: #ffc107;
+}
+
+.slider-green .slider .slider-selection {
+  background: #28a745;
+}
+
+.slider-teal .slider .slider-selection {
+  background: #20c997;
+}
+
+.slider-cyan .slider .slider-selection {
+  background: #17a2b8;
+}
+
+.slider-white .slider .slider-selection {
+  background: #fff;
+}
+
+.slider-gray .slider .slider-selection {
+  background: #6c757d;
+}
+
+.slider-gray-dark .slider .slider-selection {
+  background: #343a40;
+}
+
+.dark-mode .slider-track {
+  background-color: #4b545c;
+  background-image: none;
+}
+
+.dark-mode .slider-primary .slider .slider-selection {
+  background: #3f6791;
+}
+
+.dark-mode .slider-secondary .slider .slider-selection {
+  background: #6c757d;
+}
+
+.dark-mode .slider-success .slider .slider-selection {
+  background: #00bc8c;
+}
+
+.dark-mode .slider-info .slider .slider-selection {
+  background: #3498db;
+}
+
+.dark-mode .slider-warning .slider .slider-selection {
+  background: #f39c12;
+}
+
+.dark-mode .slider-danger .slider .slider-selection {
+  background: #e74c3c;
+}
+
+.dark-mode .slider-light .slider .slider-selection {
+  background: #f8f9fa;
+}
+
+.dark-mode .slider-dark .slider .slider-selection {
+  background: #343a40;
+}
+
+.dark-mode .slider-lightblue .slider .slider-selection {
+  background: #86bad8;
+}
+
+.dark-mode .slider-navy .slider .slider-selection {
+  background: #002c59;
+}
+
+.dark-mode .slider-olive .slider .slider-selection {
+  background: #74c8a3;
+}
+
+.dark-mode .slider-lime .slider .slider-selection {
+  background: #67ffa9;
+}
+
+.dark-mode .slider-fuchsia .slider .slider-selection {
+  background: #f672d8;
+}
+
+.dark-mode .slider-maroon .slider .slider-selection {
+  background: #ed6c9b;
+}
+
+.dark-mode .slider-blue .slider .slider-selection {
+  background: #3f6791;
+}
+
+.dark-mode .slider-indigo .slider .slider-selection {
+  background: #6610f2;
+}
+
+.dark-mode .slider-purple .slider .slider-selection {
+  background: #6f42c1;
+}
+
+.dark-mode .slider-pink .slider .slider-selection {
+  background: #e83e8c;
+}
+
+.dark-mode .slider-red .slider .slider-selection {
+  background: #e74c3c;
+}
+
+.dark-mode .slider-orange .slider .slider-selection {
+  background: #fd7e14;
+}
+
+.dark-mode .slider-yellow .slider .slider-selection {
+  background: #f39c12;
+}
+
+.dark-mode .slider-green .slider .slider-selection {
+  background: #00bc8c;
+}
+
+.dark-mode .slider-teal .slider .slider-selection {
+  background: #20c997;
+}
+
+.dark-mode .slider-cyan .slider .slider-selection {
+  background: #3498db;
+}
+
+.dark-mode .slider-white .slider .slider-selection {
+  background: #fff;
+}
+
+.dark-mode .slider-gray .slider .slider-selection {
+  background: #6c757d;
+}
+
+.dark-mode .slider-gray-dark .slider .slider-selection {
+  background: #343a40;
+}
+
+.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-primary > input:first-child:checked + label::before,
+.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-secondary > input:first-child:checked + label::before,
+.icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-success > input:first-child:checked + label::before,
+.icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-info > input:first-child:checked + label::before,
+.icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-warning > input:first-child:checked + label::before,
+.icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-danger > input:first-child:checked + label::before,
+.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.icheck-light > input:first-child:checked + label::before,
+.icheck-light > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-dark > input:first-child:checked + label::before,
+.icheck-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3c8dbc;
+}
+
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3c8dbc;
+}
+
+.icheck-lightblue > input:first-child:checked + label::before,
+.icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3c8dbc;
+  border-color: #3c8dbc;
+}
+
+.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #001f3f;
+}
+
+.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #001f3f;
+}
+
+.icheck-navy > input:first-child:checked + label::before,
+.icheck-navy > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #001f3f;
+  border-color: #001f3f;
+}
+
+.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3d9970;
+}
+
+.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3d9970;
+}
+
+.icheck-olive > input:first-child:checked + label::before,
+.icheck-olive > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3d9970;
+  border-color: #3d9970;
+}
+
+.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #01ff70;
+}
+
+.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #01ff70;
+}
+
+.icheck-lime > input:first-child:checked + label::before,
+.icheck-lime > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #01ff70;
+  border-color: #01ff70;
+}
+
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f012be;
+}
+
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f012be;
+}
+
+.icheck-fuchsia > input:first-child:checked + label::before,
+.icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f012be;
+  border-color: #f012be;
+}
+
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #d81b60;
+}
+
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #d81b60;
+}
+
+.icheck-maroon > input:first-child:checked + label::before,
+.icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #d81b60;
+  border-color: #d81b60;
+}
+
+.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-blue > input:first-child:checked + label::before,
+.icheck-blue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.icheck-indigo > input:first-child:checked + label::before,
+.icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+
+.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.icheck-purple > input:first-child:checked + label::before,
+.icheck-purple > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+
+.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.icheck-pink > input:first-child:checked + label::before,
+.icheck-pink > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+}
+
+.icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-red > input:first-child:checked + label::before,
+.icheck-red > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.icheck-orange > input:first-child:checked + label::before,
+.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-yellow > input:first-child:checked + label::before,
+.icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-green > input:first-child:checked + label::before,
+.icheck-green > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.icheck-teal > input:first-child:checked + label::before,
+.icheck-teal > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-cyan > input:first-child:checked + label::before,
+.icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.icheck-white > input:first-child:checked + label::before,
+.icheck-white > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-gray > input:first-child:checked + label::before,
+.icheck-gray > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-gray-dark > input:first-child:checked + label::before,
+.icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before,
+.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-primary > input:first-child:checked + label::before,
+.dark-mode .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-secondary > input:first-child:checked + label::before,
+.dark-mode .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-success > input:first-child:checked + label::before,
+.dark-mode .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-info > input:first-child:checked + label::before,
+.dark-mode .icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-warning > input:first-child:checked + label::before,
+.dark-mode .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-danger > input:first-child:checked + label::before,
+.dark-mode .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.dark-mode .icheck-light > input:first-child:checked + label::before,
+.dark-mode .icheck-light > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-dark > input:first-child:checked + label::before,
+.dark-mode .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #86bad8;
+}
+
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #86bad8;
+}
+
+.dark-mode .icheck-lightblue > input:first-child:checked + label::before,
+.dark-mode .icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #86bad8;
+  border-color: #86bad8;
+}
+
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #002c59;
+}
+
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #002c59;
+}
+
+.dark-mode .icheck-navy > input:first-child:checked + label::before,
+.dark-mode .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #002c59;
+  border-color: #002c59;
+}
+
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #74c8a3;
+}
+
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #74c8a3;
+}
+
+.dark-mode .icheck-olive > input:first-child:checked + label::before,
+.dark-mode .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #74c8a3;
+  border-color: #74c8a3;
+}
+
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #67ffa9;
+}
+
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #67ffa9;
+}
+
+.dark-mode .icheck-lime > input:first-child:checked + label::before,
+.dark-mode .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #67ffa9;
+  border-color: #67ffa9;
+}
+
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f672d8;
+}
+
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f672d8;
+}
+
+.dark-mode .icheck-fuchsia > input:first-child:checked + label::before,
+.dark-mode .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f672d8;
+  border-color: #f672d8;
+}
+
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #ed6c9b;
+}
+
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #ed6c9b;
+}
+
+.dark-mode .icheck-maroon > input:first-child:checked + label::before,
+.dark-mode .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #ed6c9b;
+  border-color: #ed6c9b;
+}
+
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-blue > input:first-child:checked + label::before,
+.dark-mode .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.dark-mode .icheck-indigo > input:first-child:checked + label::before,
+.dark-mode .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.dark-mode .icheck-purple > input:first-child:checked + label::before,
+.dark-mode .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.dark-mode .icheck-pink > input:first-child:checked + label::before,
+.dark-mode .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+}
+
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-red > input:first-child:checked + label::before,
+.dark-mode .icheck-red > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.dark-mode .icheck-orange > input:first-child:checked + label::before,
+.dark-mode .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-yellow > input:first-child:checked + label::before,
+.dark-mode .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-green > input:first-child:checked + label::before,
+.dark-mode .icheck-green > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.dark-mode .icheck-teal > input:first-child:checked + label::before,
+.dark-mode .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-cyan > input:first-child:checked + label::before,
+.dark-mode .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.dark-mode .icheck-white > input:first-child:checked + label::before,
+.dark-mode .icheck-white > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-gray > input:first-child:checked + label::before,
+.dark-mode .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-gray-dark > input:first-child:checked + label::before,
+.dark-mode .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.mapael .map {
+  position: relative;
+}
+
+.mapael .mapTooltip {
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  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;
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
+  background-color: #000;
+  color: #fff;
   display: block;
-  margin: 10px 0;
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  position: absolute;
   text-align: center;
-}
-.description-block.margin-bottom {
-  margin-bottom: 25px;
-}
-.description-block > .description-header {
-  margin: 0;
-  padding: 0;
-  font-weight: 600;
-  font-size: 16px;
-}
-.description-block > .description-text {
-  text-transform: uppercase;
-}
-.bg-red,
-.bg-yellow,
-.bg-aqua,
-.bg-blue,
-.bg-light-blue,
-.bg-green,
-.bg-navy,
-.bg-teal,
-.bg-olive,
-.bg-lime,
-.bg-orange,
-.bg-fuchsia,
-.bg-purple,
-.bg-maroon,
-.bg-black,
-.bg-red-active,
-.bg-yellow-active,
-.bg-aqua-active,
-.bg-blue-active,
-.bg-light-blue-active,
-.bg-green-active,
-.bg-navy-active,
-.bg-teal-active,
-.bg-olive-active,
-.bg-lime-active,
-.bg-orange-active,
-.bg-fuchsia-active,
-.bg-purple-active,
-.bg-maroon-active,
-.bg-black-active,
-.callout.callout-danger,
-.callout.callout-warning,
-.callout.callout-info,
-.callout.callout-success,
-.alert-success,
-.alert-danger,
-.alert-error,
-.alert-warning,
-.alert-info,
-.label-danger,
-.label-info,
-.label-warning,
-.label-primary,
-.label-success,
-.modal-primary .modal-body,
-.modal-primary .modal-header,
-.modal-primary .modal-footer,
-.modal-warning .modal-body,
-.modal-warning .modal-header,
-.modal-warning .modal-footer,
-.modal-info .modal-body,
-.modal-info .modal-header,
-.modal-info .modal-footer,
-.modal-success .modal-body,
-.modal-success .modal-header,
-.modal-success .modal-footer,
-.modal-danger .modal-body,
-.modal-danger .modal-header,
-.modal-danger .modal-footer {
-  color: #fff !important;
-}
-.bg-gray {
-  color: #000;
-  background-color: #d2d6de !important;
-}
-.bg-gray-light {
-  background-color: #f7f7f7;
-}
-.bg-black {
-  background-color: #111 !important;
-}
-.bg-red,
-.callout.callout-danger,
-.alert-danger,
-.alert-error,
-.label-danger,
-.modal-danger .modal-body {
-  background-color: #dd4b39 !important;
-}
-.bg-yellow,
-.callout.callout-warning,
-.alert-warning,
-.label-warning,
-.modal-warning .modal-body {
-  background-color: #f39c12 !important;
-}
-.bg-aqua,
-.callout.callout-info,
-.alert-info,
-.label-info,
-.modal-info .modal-body {
-  background-color: #00c0ef !important;
-}
-.bg-blue {
-  background-color: #0073b7 !important;
-}
-.bg-light-blue,
-.label-primary,
-.modal-primary .modal-body {
-  background-color: #3c8dbc !important;
-}
-.bg-green,
-.callout.callout-success,
-.alert-success,
-.label-success,
-.modal-success .modal-body {
-  background-color: #00a65a !important;
-}
-.bg-navy {
-  background-color: #001F3F !important;
-}
-.bg-teal {
-  background-color: #39CCCC !important;
-}
-.bg-olive {
-  background-color: #3D9970 !important;
-}
-.bg-lime {
-  background-color: #01FF70 !important;
-}
-.bg-orange {
-  background-color: #FF851B !important;
-}
-.bg-fuchsia {
-  background-color: #F012BE !important;
-}
-.bg-purple {
-  background-color: #605ca8 !important;
-}
-.bg-maroon {
-  background-color: #D81B60 !important;
-}
-.bg-gray-active {
-  color: #000;
-  background-color: #b5bbc8 !important;
-}
-.bg-black-active {
-  background-color: #000000 !important;
-}
-.bg-red-active,
-.modal-danger .modal-header,
-.modal-danger .modal-footer {
-  background-color: #d33724 !important;
-}
-.bg-yellow-active,
-.modal-warning .modal-header,
-.modal-warning .modal-footer {
-  background-color: #db8b0b !important;
-}
-.bg-aqua-active,
-.modal-info .modal-header,
-.modal-info .modal-footer {
-  background-color: #00a7d0 !important;
-}
-.bg-blue-active {
-  background-color: #005384 !important;
-}
-.bg-light-blue-active,
-.modal-primary .modal-header,
-.modal-primary .modal-footer {
-  background-color: #357ca5 !important;
-}
-.bg-green-active,
-.modal-success .modal-header,
-.modal-success .modal-footer {
-  background-color: #008d4c !important;
-}
-.bg-navy-active {
-  background-color: #001a35 !important;
-}
-.bg-teal-active {
-  background-color: #30bbbb !important;
-}
-.bg-olive-active {
-  background-color: #368763 !important;
-}
-.bg-lime-active {
-  background-color: #00e765 !important;
-}
-.bg-orange-active {
-  background-color: #ff7701 !important;
-}
-.bg-fuchsia-active {
-  background-color: #db0ead !important;
-}
-.bg-purple-active {
-  background-color: #555299 !important;
-}
-.bg-maroon-active {
-  background-color: #ca195a !important;
-}
-[class^="bg-"].disabled {
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-}
-.text-red {
-  color: #dd4b39 !important;
-}
-.text-yellow {
-  color: #f39c12 !important;
-}
-.text-aqua {
-  color: #00c0ef !important;
-}
-.text-blue {
-  color: #0073b7 !important;
-}
-.text-black {
-  color: #111 !important;
-}
-.text-light-blue {
-  color: #3c8dbc !important;
-}
-.text-green {
-  color: #00a65a !important;
-}
-.text-gray {
-  color: #d2d6de !important;
-}
-.text-navy {
-  color: #001F3F !important;
-}
-.text-teal {
-  color: #39CCCC !important;
-}
-.text-olive {
-  color: #3D9970 !important;
-}
-.text-lime {
-  color: #01FF70 !important;
-}
-.text-orange {
-  color: #FF851B !important;
-}
-.text-fuchsia {
-  color: #F012BE !important;
-}
-.text-purple {
-  color: #605ca8 !important;
-}
-.text-maroon {
-  color: #D81B60 !important;
-}
-.link-muted {
-  color: #7a869d;
-}
-.link-muted:hover,
-.link-muted:focus {
-  color: #606c84;
-}
-.link-black {
-  color: #666;
-}
-.link-black:hover,
-.link-black:focus {
-  color: #999;
-}
-.hide {
-  display: none !important;
-}
-.no-border {
-  border: 0 !important;
-}
-.no-padding {
-  padding: 0 !important;
-}
-.no-margin {
-  margin: 0 !important;
-}
-.no-shadow {
-  box-shadow: none !important;
-}
-.list-unstyled,
-.chart-legend,
-.contacts-list,
-.users-list,
-.mailbox-attachments {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.list-group-unbordered > .list-group-item {
-  border-left: 0;
-  border-right: 0;
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.flat {
-  border-radius: 0 !important;
-}
-.text-bold,
-.text-bold.table td,
-.text-bold.table th {
+  word-wrap: break-word;
+  z-index: 1070;
+}
+
+.mapael .myLegend {
+  background-color: #f8f9fa;
+  border: 1px solid #adb5bd;
+  padding: 10px;
+  width: 600px;
+}
+
+.mapael .zoomButton {
+  background-color: #f8f9fa;
+  border: 1px solid #ddd;
+  border-radius: 0.25rem;
+  color: #444;
+  cursor: pointer;
   font-weight: 700;
+  height: 16px;
+  left: 10px;
+  line-height: 14px;
+  padding-left: 1px;
+  position: absolute;
+  text-align: center;
+  top: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 16px;
 }
-.text-sm {
-  font-size: 12px;
+
+.mapael .zoomButton:hover, .mapael .zoomButton:active, .mapael .zoomButton.hover {
+  background-color: #e9ecef;
+  color: #2b2b2b;
 }
-.jqstooltip {
-  padding: 5px !important;
-  width: auto !important;
-  height: auto !important;
+
+.mapael .zoomReset {
+  line-height: 12px;
+  top: 10px;
 }
-.bg-teal-gradient {
-  background: #39CCCC !important;
-  background: -o-linear-gradient(#7adddd, #39CCCC) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important;
+
+.mapael .zoomIn {
+  top: 30px;
+}
+
+.mapael .zoomOut {
+  top: 50px;
+}
+
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background-color: #f8f9fa;
+  border: 1px solid #ddd;
+  border-radius: 0.25rem;
+  color: #444;
+  height: 15px;
+  width: 15px;
+  padding: 1px 2px;
+}
+
+.jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover,
+.jqvmap-zoomout:hover,
+.jqvmap-zoomout:active,
+.jqvmap-zoomout.hover {
+  background-color: #e9ecef;
+  color: #2b2b2b;
+}
+
+.swal2-icon.swal2-info {
+  border-color: ligthen(#17a2b8, 20%);
+  color: #17a2b8;
+}
+
+.swal2-icon.swal2-warning {
+  border-color: ligthen(#ffc107, 20%);
+  color: #ffc107;
+}
+
+.swal2-icon.swal2-error {
+  border-color: ligthen(#dc3545, 20%);
+  color: #dc3545;
+}
+
+.swal2-icon.swal2-question {
+  border-color: ligthen(#6c757d, 20%);
+  color: #6c757d;
+}
+
+.swal2-icon.swal2-success {
+  border-color: ligthen(#28a745, 20%);
+  color: #28a745;
+}
+
+.swal2-icon.swal2-success .swal2-success-ring {
+  border-color: ligthen(#28a745, 20%);
+}
+
+.swal2-icon.swal2-success [class^='swal2-success-line'] {
+  background-color: #28a745;
+}
+
+.dark-mode .swal2-popup {
+  background-color: #343a40;
+  color: #e9ecef;
+}
+
+.dark-mode .swal2-popup .swal2-content,
+.dark-mode .swal2-popup .swal2-title {
+  color: #e9ecef;
+}
+
+#toast-container .toast {
+  background-color: #007bff;
+}
+
+#toast-container .toast-success {
+  background-color: #28a745;
+}
+
+#toast-container .toast-error {
+  background-color: #dc3545;
+}
+
+#toast-container .toast-info {
+  background-color: #17a2b8;
+}
+
+#toast-container .toast-warning {
+  background-color: #ffc107;
+}
+
+.toast-bottom-full-width .toast,
+.toast-top-full-width .toast {
+  max-width: inherit;
+}
+
+.pace {
+  z-index: 1048;
+}
+
+.pace .pace-progress {
+  z-index: 1049;
+}
+
+.pace .pace-activity {
+  z-index: 1050;
+}
+
+.pace-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-primary .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-primary .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-primary .pace .pace-progress::after {
+  color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-bounce-primary .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-center-atom-primary .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-primary .pace-progress::before {
+  background: #007bff;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-primary .pace-activity {
+  border-color: #007bff;
+}
+
+.pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before {
+  border-color: #007bff;
+}
+
+.pace-center-circle-primary .pace .pace-progress {
+  background: rgba(0, 123, 255, 0.8);
   color: #fff;
 }
-.bg-light-blue-gradient {
-  background: #3c8dbc !important;
-  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
+
+.pace-center-radar-primary .pace .pace-activity {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-radar-primary .pace .pace-activity::before {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-simple-primary .pace {
+  background: #fff;
+  border-color: #007bff;
+}
+
+.pace-center-simple-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-material-primary .pace {
+  color: #007bff;
+}
+
+.pace-corner-indicator-primary .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-corner-indicator-primary .pace .pace-activity::after,
+.pace-corner-indicator-primary .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-primary .pace .pace-activity::before {
+  border-right-color: rgba(0, 123, 255, 0.2);
+  border-left-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-corner-indicator-primary .pace .pace-activity::after {
+  border-top-color: rgba(0, 123, 255, 0.2);
+  border-bottom-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-fill-left-primary .pace .pace-progress {
+  background-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-flash-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-flash-primary .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
+}
+
+.pace-flash-primary .pace .pace-activity {
+  border-top-color: #007bff;
+  border-left-color: #007bff;
+}
+
+.pace-loading-bar-primary .pace .pace-progress {
+  background: #007bff;
+  color: #007bff;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-primary .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-primary .pace .pace-progress {
+  background-color: #007bff;
+  box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-primary .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-primary .pace-progress {
+  color: #007bff;
+}
+
+.pace-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-secondary .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-secondary .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-secondary .pace .pace-progress::after {
+  color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-bounce-secondary .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-center-atom-secondary .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-secondary .pace-progress::before {
+  background: #6c757d;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-secondary .pace-activity {
+  border-color: #6c757d;
+}
+
+.pace-center-atom-secondary .pace-activity::after, .pace-center-atom-secondary .pace-activity::before {
+  border-color: #6c757d;
+}
+
+.pace-center-circle-secondary .pace .pace-progress {
+  background: rgba(108, 117, 125, 0.8);
   color: #fff;
 }
-.bg-blue-gradient {
-  background: #0073b7 !important;
-  background: -o-linear-gradient(#0089db, #0073b7) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
+
+.pace-center-radar-secondary .pace .pace-activity {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-radar-secondary .pace .pace-activity::before {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-simple-secondary .pace {
+  background: #fff;
+  border-color: #6c757d;
+}
+
+.pace-center-simple-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-material-secondary .pace {
+  color: #6c757d;
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity::after,
+.pace-corner-indicator-secondary .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity::before {
+  border-right-color: rgba(108, 117, 125, 0.2);
+  border-left-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity::after {
+  border-top-color: rgba(108, 117, 125, 0.2);
+  border-bottom-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-fill-left-secondary .pace .pace-progress {
+  background-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-flash-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-flash-secondary .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
+}
+
+.pace-flash-secondary .pace .pace-activity {
+  border-top-color: #6c757d;
+  border-left-color: #6c757d;
+}
+
+.pace-loading-bar-secondary .pace .pace-progress {
+  background: #6c757d;
+  color: #6c757d;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-secondary .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-secondary .pace .pace-progress {
+  background-color: #6c757d;
+  box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-secondary .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-secondary .pace-progress {
+  color: #6c757d;
+}
+
+.pace-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-success .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-success .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-success .pace .pace-progress::after {
+  color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-bounce-success .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-center-atom-success .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-success .pace-progress::before {
+  background: #28a745;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-success .pace-activity {
+  border-color: #28a745;
+}
+
+.pace-center-atom-success .pace-activity::after, .pace-center-atom-success .pace-activity::before {
+  border-color: #28a745;
+}
+
+.pace-center-circle-success .pace .pace-progress {
+  background: rgba(40, 167, 69, 0.8);
   color: #fff;
 }
-.bg-aqua-gradient {
-  background: #00c0ef !important;
-  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
+
+.pace-center-radar-success .pace .pace-activity {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-radar-success .pace .pace-activity::before {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-simple-success .pace {
+  background: #fff;
+  border-color: #28a745;
+}
+
+.pace-center-simple-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-material-success .pace {
+  color: #28a745;
+}
+
+.pace-corner-indicator-success .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-corner-indicator-success .pace .pace-activity::after,
+.pace-corner-indicator-success .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-success .pace .pace-activity::before {
+  border-right-color: rgba(40, 167, 69, 0.2);
+  border-left-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-corner-indicator-success .pace .pace-activity::after {
+  border-top-color: rgba(40, 167, 69, 0.2);
+  border-bottom-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-fill-left-success .pace .pace-progress {
+  background-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-flash-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-flash-success .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
+}
+
+.pace-flash-success .pace .pace-activity {
+  border-top-color: #28a745;
+  border-left-color: #28a745;
+}
+
+.pace-loading-bar-success .pace .pace-progress {
+  background: #28a745;
+  color: #28a745;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-success .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-success .pace .pace-progress {
+  background-color: #28a745;
+  box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-success .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-success .pace-progress {
+  color: #28a745;
+}
+
+.pace-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-info .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-info .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-info .pace .pace-progress::after {
+  color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-bounce-info .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-center-atom-info .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-info .pace-progress::before {
+  background: #17a2b8;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-info .pace-activity {
+  border-color: #17a2b8;
+}
+
+.pace-center-atom-info .pace-activity::after, .pace-center-atom-info .pace-activity::before {
+  border-color: #17a2b8;
+}
+
+.pace-center-circle-info .pace .pace-progress {
+  background: rgba(23, 162, 184, 0.8);
   color: #fff;
 }
-.bg-yellow-gradient {
-  background: #f39c12 !important;
-  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
+
+.pace-center-radar-info .pace .pace-activity {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-radar-info .pace .pace-activity::before {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-simple-info .pace {
+  background: #fff;
+  border-color: #17a2b8;
+}
+
+.pace-center-simple-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-material-info .pace {
+  color: #17a2b8;
+}
+
+.pace-corner-indicator-info .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-corner-indicator-info .pace .pace-activity::after,
+.pace-corner-indicator-info .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-info .pace .pace-activity::before {
+  border-right-color: rgba(23, 162, 184, 0.2);
+  border-left-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-corner-indicator-info .pace .pace-activity::after {
+  border-top-color: rgba(23, 162, 184, 0.2);
+  border-bottom-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-fill-left-info .pace .pace-progress {
+  background-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-flash-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-flash-info .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
+}
+
+.pace-flash-info .pace .pace-activity {
+  border-top-color: #17a2b8;
+  border-left-color: #17a2b8;
+}
+
+.pace-loading-bar-info .pace .pace-progress {
+  background: #17a2b8;
+  color: #17a2b8;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-info .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-info .pace .pace-progress {
+  background-color: #17a2b8;
+  box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-info .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-info .pace-progress {
+  color: #17a2b8;
+}
+
+.pace-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-warning .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-warning .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-warning .pace .pace-progress::after {
+  color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-bounce-warning .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-center-atom-warning .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-warning .pace-progress::before {
+  background: #ffc107;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-warning .pace-activity {
+  border-color: #ffc107;
+}
+
+.pace-center-atom-warning .pace-activity::after, .pace-center-atom-warning .pace-activity::before {
+  border-color: #ffc107;
+}
+
+.pace-center-circle-warning .pace .pace-progress {
+  background: rgba(255, 193, 7, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-warning .pace .pace-activity {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-radar-warning .pace .pace-activity::before {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-simple-warning .pace {
+  background: #1f2d3d;
+  border-color: #ffc107;
+}
+
+.pace-center-simple-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-material-warning .pace {
+  color: #ffc107;
+}
+
+.pace-corner-indicator-warning .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-corner-indicator-warning .pace .pace-activity::after,
+.pace-corner-indicator-warning .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-warning .pace .pace-activity::before {
+  border-right-color: rgba(255, 193, 7, 0.2);
+  border-left-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-corner-indicator-warning .pace .pace-activity::after {
+  border-top-color: rgba(255, 193, 7, 0.2);
+  border-bottom-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-fill-left-warning .pace .pace-progress {
+  background-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-flash-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-flash-warning .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
+}
+
+.pace-flash-warning .pace .pace-activity {
+  border-top-color: #ffc107;
+  border-left-color: #ffc107;
+}
+
+.pace-loading-bar-warning .pace .pace-progress {
+  background: #ffc107;
+  color: #ffc107;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-warning .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-warning .pace .pace-progress {
+  background-color: #ffc107;
+  box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-warning .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-warning .pace-progress {
+  color: #ffc107;
+}
+
+.pace-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-danger .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-danger .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-danger .pace .pace-progress::after {
+  color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-bounce-danger .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-center-atom-danger .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-danger .pace-progress::before {
+  background: #dc3545;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-danger .pace-activity {
+  border-color: #dc3545;
+}
+
+.pace-center-atom-danger .pace-activity::after, .pace-center-atom-danger .pace-activity::before {
+  border-color: #dc3545;
+}
+
+.pace-center-circle-danger .pace .pace-progress {
+  background: rgba(220, 53, 69, 0.8);
   color: #fff;
 }
-.bg-purple-gradient {
-  background: #605ca8 !important;
-  background: -o-linear-gradient(#9491c4, #605ca8) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
+
+.pace-center-radar-danger .pace .pace-activity {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-radar-danger .pace .pace-activity::before {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-simple-danger .pace {
+  background: #fff;
+  border-color: #dc3545;
+}
+
+.pace-center-simple-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-material-danger .pace {
+  color: #dc3545;
+}
+
+.pace-corner-indicator-danger .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-corner-indicator-danger .pace .pace-activity::after,
+.pace-corner-indicator-danger .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-danger .pace .pace-activity::before {
+  border-right-color: rgba(220, 53, 69, 0.2);
+  border-left-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-corner-indicator-danger .pace .pace-activity::after {
+  border-top-color: rgba(220, 53, 69, 0.2);
+  border-bottom-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-fill-left-danger .pace .pace-progress {
+  background-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-flash-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-flash-danger .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
+}
+
+.pace-flash-danger .pace .pace-activity {
+  border-top-color: #dc3545;
+  border-left-color: #dc3545;
+}
+
+.pace-loading-bar-danger .pace .pace-progress {
+  background: #dc3545;
+  color: #dc3545;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-danger .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-danger .pace .pace-progress {
+  background-color: #dc3545;
+  box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-danger .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-danger .pace-progress {
+  color: #dc3545;
+}
+
+.pace-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-barber-shop-light .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-barber-shop-light .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-light .pace .pace-progress::after {
+  color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-bounce-light .pace .pace-activity {
+  background: #f8f9fa;
+}
+
+.pace-center-atom-light .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-light .pace-progress::before {
+  background: #f8f9fa;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-light .pace-activity {
+  border-color: #f8f9fa;
+}
+
+.pace-center-atom-light .pace-activity::after, .pace-center-atom-light .pace-activity::before {
+  border-color: #f8f9fa;
+}
+
+.pace-center-circle-light .pace .pace-progress {
+  background: rgba(248, 249, 250, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-light .pace .pace-activity {
+  border-color: #f8f9fa transparent transparent;
+}
+
+.pace-center-radar-light .pace .pace-activity::before {
+  border-color: #f8f9fa transparent transparent;
+}
+
+.pace-center-simple-light .pace {
+  background: #1f2d3d;
+  border-color: #f8f9fa;
+}
+
+.pace-center-simple-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-material-light .pace {
+  color: #f8f9fa;
+}
+
+.pace-corner-indicator-light .pace .pace-activity {
+  background: #f8f9fa;
+}
+
+.pace-corner-indicator-light .pace .pace-activity::after,
+.pace-corner-indicator-light .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-light .pace .pace-activity::before {
+  border-right-color: rgba(248, 249, 250, 0.2);
+  border-left-color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-corner-indicator-light .pace .pace-activity::after {
+  border-top-color: rgba(248, 249, 250, 0.2);
+  border-bottom-color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-fill-left-light .pace .pace-progress {
+  background-color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-flash-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-flash-light .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa;
+}
+
+.pace-flash-light .pace .pace-activity {
+  border-top-color: #f8f9fa;
+  border-left-color: #f8f9fa;
+}
+
+.pace-loading-bar-light .pace .pace-progress {
+  background: #f8f9fa;
+  color: #f8f9fa;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-light .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-light .pace .pace-progress {
+  background-color: #f8f9fa;
+  box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-light .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-light .pace-progress {
+  color: #f8f9fa;
+}
+
+.pace-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-dark .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-dark .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-dark .pace .pace-progress::after {
+  color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-bounce-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-center-atom-dark .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-dark .pace-progress::before {
+  background: #343a40;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-dark .pace-activity {
+  border-color: #343a40;
+}
+
+.pace-center-atom-dark .pace-activity::after, .pace-center-atom-dark .pace-activity::before {
+  border-color: #343a40;
+}
+
+.pace-center-circle-dark .pace .pace-progress {
+  background: rgba(52, 58, 64, 0.8);
   color: #fff;
 }
-.bg-green-gradient {
-  background: #00a65a !important;
-  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
+
+.pace-center-radar-dark .pace .pace-activity {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-radar-dark .pace .pace-activity::before {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-simple-dark .pace {
+  background: #fff;
+  border-color: #343a40;
+}
+
+.pace-center-simple-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-material-dark .pace {
+  color: #343a40;
+}
+
+.pace-corner-indicator-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-corner-indicator-dark .pace .pace-activity::after,
+.pace-corner-indicator-dark .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-dark .pace .pace-activity::before {
+  border-right-color: rgba(52, 58, 64, 0.2);
+  border-left-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-corner-indicator-dark .pace .pace-activity::after {
+  border-top-color: rgba(52, 58, 64, 0.2);
+  border-bottom-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-fill-left-dark .pace .pace-progress {
+  background-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-flash-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-flash-dark .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
+}
+
+.pace-flash-dark .pace .pace-activity {
+  border-top-color: #343a40;
+  border-left-color: #343a40;
+}
+
+.pace-loading-bar-dark .pace .pace-progress {
+  background: #343a40;
+  color: #343a40;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-dark .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-dark .pace .pace-progress {
+  background-color: #343a40;
+  box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-dark .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-dark .pace-progress {
+  color: #343a40;
+}
+
+.pace-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-barber-shop-lightblue .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-barber-shop-lightblue .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-lightblue .pace .pace-progress::after {
+  color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-bounce-lightblue .pace .pace-activity {
+  background: #3c8dbc;
+}
+
+.pace-center-atom-lightblue .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-lightblue .pace-progress::before {
+  background: #3c8dbc;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-lightblue .pace-activity {
+  border-color: #3c8dbc;
+}
+
+.pace-center-atom-lightblue .pace-activity::after, .pace-center-atom-lightblue .pace-activity::before {
+  border-color: #3c8dbc;
+}
+
+.pace-center-circle-lightblue .pace .pace-progress {
+  background: rgba(60, 141, 188, 0.8);
   color: #fff;
 }
-.bg-red-gradient {
-  background: #dd4b39 !important;
-  background: -o-linear-gradient(#e47365, #dd4b39) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
+
+.pace-center-radar-lightblue .pace .pace-activity {
+  border-color: #3c8dbc transparent transparent;
+}
+
+.pace-center-radar-lightblue .pace .pace-activity::before {
+  border-color: #3c8dbc transparent transparent;
+}
+
+.pace-center-simple-lightblue .pace {
+  background: #fff;
+  border-color: #3c8dbc;
+}
+
+.pace-center-simple-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-material-lightblue .pace {
+  color: #3c8dbc;
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity {
+  background: #3c8dbc;
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity::after,
+.pace-corner-indicator-lightblue .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity::before {
+  border-right-color: rgba(60, 141, 188, 0.2);
+  border-left-color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity::after {
+  border-top-color: rgba(60, 141, 188, 0.2);
+  border-bottom-color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-fill-left-lightblue .pace .pace-progress {
+  background-color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-flash-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-flash-lightblue .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #3c8dbc, 0 0 5px #3c8dbc;
+}
+
+.pace-flash-lightblue .pace .pace-activity {
+  border-top-color: #3c8dbc;
+  border-left-color: #3c8dbc;
+}
+
+.pace-loading-bar-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+  color: #3c8dbc;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-lightblue .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-lightblue .pace .pace-progress {
+  background-color: #3c8dbc;
+  box-shadow: inset -1px 0 #3c8dbc, inset 0 -1px #3c8dbc, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-lightblue .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-lightblue .pace-progress {
+  color: #3c8dbc;
+}
+
+.pace-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-barber-shop-navy .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-barber-shop-navy .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-navy .pace .pace-progress::after {
+  color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-bounce-navy .pace .pace-activity {
+  background: #001f3f;
+}
+
+.pace-center-atom-navy .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-navy .pace-progress::before {
+  background: #001f3f;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-navy .pace-activity {
+  border-color: #001f3f;
+}
+
+.pace-center-atom-navy .pace-activity::after, .pace-center-atom-navy .pace-activity::before {
+  border-color: #001f3f;
+}
+
+.pace-center-circle-navy .pace .pace-progress {
+  background: rgba(0, 31, 63, 0.8);
   color: #fff;
 }
-.bg-black-gradient {
-  background: #111 !important;
-  background: -o-linear-gradient(#2b2b2b, #111) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important;
+
+.pace-center-radar-navy .pace .pace-activity {
+  border-color: #001f3f transparent transparent;
+}
+
+.pace-center-radar-navy .pace .pace-activity::before {
+  border-color: #001f3f transparent transparent;
+}
+
+.pace-center-simple-navy .pace {
+  background: #fff;
+  border-color: #001f3f;
+}
+
+.pace-center-simple-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-material-navy .pace {
+  color: #001f3f;
+}
+
+.pace-corner-indicator-navy .pace .pace-activity {
+  background: #001f3f;
+}
+
+.pace-corner-indicator-navy .pace .pace-activity::after,
+.pace-corner-indicator-navy .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-navy .pace .pace-activity::before {
+  border-right-color: rgba(0, 31, 63, 0.2);
+  border-left-color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-corner-indicator-navy .pace .pace-activity::after {
+  border-top-color: rgba(0, 31, 63, 0.2);
+  border-bottom-color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-fill-left-navy .pace .pace-progress {
+  background-color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-flash-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-flash-navy .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f;
+}
+
+.pace-flash-navy .pace .pace-activity {
+  border-top-color: #001f3f;
+  border-left-color: #001f3f;
+}
+
+.pace-loading-bar-navy .pace .pace-progress {
+  background: #001f3f;
+  color: #001f3f;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-navy .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-navy .pace .pace-progress {
+  background-color: #001f3f;
+  box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-navy .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-navy .pace-progress {
+  color: #001f3f;
+}
+
+.pace-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-barber-shop-olive .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-barber-shop-olive .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-olive .pace .pace-progress::after {
+  color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-bounce-olive .pace .pace-activity {
+  background: #3d9970;
+}
+
+.pace-center-atom-olive .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-olive .pace-progress::before {
+  background: #3d9970;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-olive .pace-activity {
+  border-color: #3d9970;
+}
+
+.pace-center-atom-olive .pace-activity::after, .pace-center-atom-olive .pace-activity::before {
+  border-color: #3d9970;
+}
+
+.pace-center-circle-olive .pace .pace-progress {
+  background: rgba(61, 153, 112, 0.8);
   color: #fff;
 }
-.bg-maroon-gradient {
-  background: #D81B60 !important;
-  background: -o-linear-gradient(#e73f7c, #D81B60) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important;
+
+.pace-center-radar-olive .pace .pace-activity {
+  border-color: #3d9970 transparent transparent;
+}
+
+.pace-center-radar-olive .pace .pace-activity::before {
+  border-color: #3d9970 transparent transparent;
+}
+
+.pace-center-simple-olive .pace {
+  background: #fff;
+  border-color: #3d9970;
+}
+
+.pace-center-simple-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-material-olive .pace {
+  color: #3d9970;
+}
+
+.pace-corner-indicator-olive .pace .pace-activity {
+  background: #3d9970;
+}
+
+.pace-corner-indicator-olive .pace .pace-activity::after,
+.pace-corner-indicator-olive .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-olive .pace .pace-activity::before {
+  border-right-color: rgba(61, 153, 112, 0.2);
+  border-left-color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-corner-indicator-olive .pace .pace-activity::after {
+  border-top-color: rgba(61, 153, 112, 0.2);
+  border-bottom-color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-fill-left-olive .pace .pace-progress {
+  background-color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-flash-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-flash-olive .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970;
+}
+
+.pace-flash-olive .pace .pace-activity {
+  border-top-color: #3d9970;
+  border-left-color: #3d9970;
+}
+
+.pace-loading-bar-olive .pace .pace-progress {
+  background: #3d9970;
+  color: #3d9970;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-olive .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-olive .pace .pace-progress {
+  background-color: #3d9970;
+  box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-olive .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-olive .pace-progress {
+  color: #3d9970;
+}
+
+.pace-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-barber-shop-lime .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-barber-shop-lime .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-lime .pace .pace-progress::after {
+  color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-bounce-lime .pace .pace-activity {
+  background: #01ff70;
+}
+
+.pace-center-atom-lime .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-lime .pace-progress::before {
+  background: #01ff70;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-lime .pace-activity {
+  border-color: #01ff70;
+}
+
+.pace-center-atom-lime .pace-activity::after, .pace-center-atom-lime .pace-activity::before {
+  border-color: #01ff70;
+}
+
+.pace-center-circle-lime .pace .pace-progress {
+  background: rgba(1, 255, 112, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-lime .pace .pace-activity {
+  border-color: #01ff70 transparent transparent;
+}
+
+.pace-center-radar-lime .pace .pace-activity::before {
+  border-color: #01ff70 transparent transparent;
+}
+
+.pace-center-simple-lime .pace {
+  background: #1f2d3d;
+  border-color: #01ff70;
+}
+
+.pace-center-simple-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-material-lime .pace {
+  color: #01ff70;
+}
+
+.pace-corner-indicator-lime .pace .pace-activity {
+  background: #01ff70;
+}
+
+.pace-corner-indicator-lime .pace .pace-activity::after,
+.pace-corner-indicator-lime .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-lime .pace .pace-activity::before {
+  border-right-color: rgba(1, 255, 112, 0.2);
+  border-left-color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-corner-indicator-lime .pace .pace-activity::after {
+  border-top-color: rgba(1, 255, 112, 0.2);
+  border-bottom-color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-fill-left-lime .pace .pace-progress {
+  background-color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-flash-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-flash-lime .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70;
+}
+
+.pace-flash-lime .pace .pace-activity {
+  border-top-color: #01ff70;
+  border-left-color: #01ff70;
+}
+
+.pace-loading-bar-lime .pace .pace-progress {
+  background: #01ff70;
+  color: #01ff70;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-lime .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-lime .pace .pace-progress {
+  background-color: #01ff70;
+  box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-lime .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-lime .pace-progress {
+  color: #01ff70;
+}
+
+.pace-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-barber-shop-fuchsia .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-barber-shop-fuchsia .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-fuchsia .pace .pace-progress::after {
+  color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-bounce-fuchsia .pace .pace-activity {
+  background: #f012be;
+}
+
+.pace-center-atom-fuchsia .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-fuchsia .pace-progress::before {
+  background: #f012be;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-fuchsia .pace-activity {
+  border-color: #f012be;
+}
+
+.pace-center-atom-fuchsia .pace-activity::after, .pace-center-atom-fuchsia .pace-activity::before {
+  border-color: #f012be;
+}
+
+.pace-center-circle-fuchsia .pace .pace-progress {
+  background: rgba(240, 18, 190, 0.8);
   color: #fff;
 }
-.description-block .description-icon {
-  font-size: 16px;
+
+.pace-center-radar-fuchsia .pace .pace-activity {
+  border-color: #f012be transparent transparent;
 }
-.no-pad-top {
+
+.pace-center-radar-fuchsia .pace .pace-activity::before {
+  border-color: #f012be transparent transparent;
+}
+
+.pace-center-simple-fuchsia .pace {
+  background: #fff;
+  border-color: #f012be;
+}
+
+.pace-center-simple-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-material-fuchsia .pace {
+  color: #f012be;
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity {
+  background: #f012be;
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity::after,
+.pace-corner-indicator-fuchsia .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity::before {
+  border-right-color: rgba(240, 18, 190, 0.2);
+  border-left-color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity::after {
+  border-top-color: rgba(240, 18, 190, 0.2);
+  border-bottom-color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-fill-left-fuchsia .pace .pace-progress {
+  background-color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-flash-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-flash-fuchsia .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #f012be, 0 0 5px #f012be;
+}
+
+.pace-flash-fuchsia .pace .pace-activity {
+  border-top-color: #f012be;
+  border-left-color: #f012be;
+}
+
+.pace-loading-bar-fuchsia .pace .pace-progress {
+  background: #f012be;
+  color: #f012be;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-fuchsia .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-fuchsia .pace .pace-progress {
+  background-color: #f012be;
+  box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-fuchsia .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-fuchsia .pace-progress {
+  color: #f012be;
+}
+
+.pace-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-barber-shop-maroon .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-barber-shop-maroon .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-maroon .pace .pace-progress::after {
+  color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-bounce-maroon .pace .pace-activity {
+  background: #d81b60;
+}
+
+.pace-center-atom-maroon .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-maroon .pace-progress::before {
+  background: #d81b60;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-maroon .pace-activity {
+  border-color: #d81b60;
+}
+
+.pace-center-atom-maroon .pace-activity::after, .pace-center-atom-maroon .pace-activity::before {
+  border-color: #d81b60;
+}
+
+.pace-center-circle-maroon .pace .pace-progress {
+  background: rgba(216, 27, 96, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-maroon .pace .pace-activity {
+  border-color: #d81b60 transparent transparent;
+}
+
+.pace-center-radar-maroon .pace .pace-activity::before {
+  border-color: #d81b60 transparent transparent;
+}
+
+.pace-center-simple-maroon .pace {
+  background: #fff;
+  border-color: #d81b60;
+}
+
+.pace-center-simple-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-material-maroon .pace {
+  color: #d81b60;
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity {
+  background: #d81b60;
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity::after,
+.pace-corner-indicator-maroon .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity::before {
+  border-right-color: rgba(216, 27, 96, 0.2);
+  border-left-color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity::after {
+  border-top-color: rgba(216, 27, 96, 0.2);
+  border-bottom-color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-fill-left-maroon .pace .pace-progress {
+  background-color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-flash-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-flash-maroon .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60;
+}
+
+.pace-flash-maroon .pace .pace-activity {
+  border-top-color: #d81b60;
+  border-left-color: #d81b60;
+}
+
+.pace-loading-bar-maroon .pace .pace-progress {
+  background: #d81b60;
+  color: #d81b60;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-maroon .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-maroon .pace .pace-progress {
+  background-color: #d81b60;
+  box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-maroon .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-maroon .pace-progress {
+  color: #d81b60;
+}
+
+.pace-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-blue .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-blue .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-blue .pace .pace-progress::after {
+  color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-bounce-blue .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-center-atom-blue .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-blue .pace-progress::before {
+  background: #007bff;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-blue .pace-activity {
+  border-color: #007bff;
+}
+
+.pace-center-atom-blue .pace-activity::after, .pace-center-atom-blue .pace-activity::before {
+  border-color: #007bff;
+}
+
+.pace-center-circle-blue .pace .pace-progress {
+  background: rgba(0, 123, 255, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-blue .pace .pace-activity {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-radar-blue .pace .pace-activity::before {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-simple-blue .pace {
+  background: #fff;
+  border-color: #007bff;
+}
+
+.pace-center-simple-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-material-blue .pace {
+  color: #007bff;
+}
+
+.pace-corner-indicator-blue .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-corner-indicator-blue .pace .pace-activity::after,
+.pace-corner-indicator-blue .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-blue .pace .pace-activity::before {
+  border-right-color: rgba(0, 123, 255, 0.2);
+  border-left-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-corner-indicator-blue .pace .pace-activity::after {
+  border-top-color: rgba(0, 123, 255, 0.2);
+  border-bottom-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-fill-left-blue .pace .pace-progress {
+  background-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-flash-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-flash-blue .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
+}
+
+.pace-flash-blue .pace .pace-activity {
+  border-top-color: #007bff;
+  border-left-color: #007bff;
+}
+
+.pace-loading-bar-blue .pace .pace-progress {
+  background: #007bff;
+  color: #007bff;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-blue .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-blue .pace .pace-progress {
+  background-color: #007bff;
+  box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-blue .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-blue .pace-progress {
+  color: #007bff;
+}
+
+.pace-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-barber-shop-indigo .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-barber-shop-indigo .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-indigo .pace .pace-progress::after {
+  color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-bounce-indigo .pace .pace-activity {
+  background: #6610f2;
+}
+
+.pace-center-atom-indigo .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-indigo .pace-progress::before {
+  background: #6610f2;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-indigo .pace-activity {
+  border-color: #6610f2;
+}
+
+.pace-center-atom-indigo .pace-activity::after, .pace-center-atom-indigo .pace-activity::before {
+  border-color: #6610f2;
+}
+
+.pace-center-circle-indigo .pace .pace-progress {
+  background: rgba(102, 16, 242, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-indigo .pace .pace-activity {
+  border-color: #6610f2 transparent transparent;
+}
+
+.pace-center-radar-indigo .pace .pace-activity::before {
+  border-color: #6610f2 transparent transparent;
+}
+
+.pace-center-simple-indigo .pace {
+  background: #fff;
+  border-color: #6610f2;
+}
+
+.pace-center-simple-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-material-indigo .pace {
+  color: #6610f2;
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity {
+  background: #6610f2;
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity::after,
+.pace-corner-indicator-indigo .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity::before {
+  border-right-color: rgba(102, 16, 242, 0.2);
+  border-left-color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity::after {
+  border-top-color: rgba(102, 16, 242, 0.2);
+  border-bottom-color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-fill-left-indigo .pace .pace-progress {
+  background-color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-flash-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-flash-indigo .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2;
+}
+
+.pace-flash-indigo .pace .pace-activity {
+  border-top-color: #6610f2;
+  border-left-color: #6610f2;
+}
+
+.pace-loading-bar-indigo .pace .pace-progress {
+  background: #6610f2;
+  color: #6610f2;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-indigo .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-indigo .pace .pace-progress {
+  background-color: #6610f2;
+  box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-indigo .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-indigo .pace-progress {
+  color: #6610f2;
+}
+
+.pace-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-barber-shop-purple .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-barber-shop-purple .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-purple .pace .pace-progress::after {
+  color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-bounce-purple .pace .pace-activity {
+  background: #6f42c1;
+}
+
+.pace-center-atom-purple .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-purple .pace-progress::before {
+  background: #6f42c1;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-purple .pace-activity {
+  border-color: #6f42c1;
+}
+
+.pace-center-atom-purple .pace-activity::after, .pace-center-atom-purple .pace-activity::before {
+  border-color: #6f42c1;
+}
+
+.pace-center-circle-purple .pace .pace-progress {
+  background: rgba(111, 66, 193, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-purple .pace .pace-activity {
+  border-color: #6f42c1 transparent transparent;
+}
+
+.pace-center-radar-purple .pace .pace-activity::before {
+  border-color: #6f42c1 transparent transparent;
+}
+
+.pace-center-simple-purple .pace {
+  background: #fff;
+  border-color: #6f42c1;
+}
+
+.pace-center-simple-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-material-purple .pace {
+  color: #6f42c1;
+}
+
+.pace-corner-indicator-purple .pace .pace-activity {
+  background: #6f42c1;
+}
+
+.pace-corner-indicator-purple .pace .pace-activity::after,
+.pace-corner-indicator-purple .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-purple .pace .pace-activity::before {
+  border-right-color: rgba(111, 66, 193, 0.2);
+  border-left-color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-corner-indicator-purple .pace .pace-activity::after {
+  border-top-color: rgba(111, 66, 193, 0.2);
+  border-bottom-color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-fill-left-purple .pace .pace-progress {
+  background-color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-flash-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-flash-purple .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1;
+}
+
+.pace-flash-purple .pace .pace-activity {
+  border-top-color: #6f42c1;
+  border-left-color: #6f42c1;
+}
+
+.pace-loading-bar-purple .pace .pace-progress {
+  background: #6f42c1;
+  color: #6f42c1;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-purple .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-purple .pace .pace-progress {
+  background-color: #6f42c1;
+  box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-purple .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-purple .pace-progress {
+  color: #6f42c1;
+}
+
+.pace-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-barber-shop-pink .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-barber-shop-pink .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-pink .pace .pace-progress::after {
+  color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-bounce-pink .pace .pace-activity {
+  background: #e83e8c;
+}
+
+.pace-center-atom-pink .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-pink .pace-progress::before {
+  background: #e83e8c;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-pink .pace-activity {
+  border-color: #e83e8c;
+}
+
+.pace-center-atom-pink .pace-activity::after, .pace-center-atom-pink .pace-activity::before {
+  border-color: #e83e8c;
+}
+
+.pace-center-circle-pink .pace .pace-progress {
+  background: rgba(232, 62, 140, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-pink .pace .pace-activity {
+  border-color: #e83e8c transparent transparent;
+}
+
+.pace-center-radar-pink .pace .pace-activity::before {
+  border-color: #e83e8c transparent transparent;
+}
+
+.pace-center-simple-pink .pace {
+  background: #fff;
+  border-color: #e83e8c;
+}
+
+.pace-center-simple-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-material-pink .pace {
+  color: #e83e8c;
+}
+
+.pace-corner-indicator-pink .pace .pace-activity {
+  background: #e83e8c;
+}
+
+.pace-corner-indicator-pink .pace .pace-activity::after,
+.pace-corner-indicator-pink .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-pink .pace .pace-activity::before {
+  border-right-color: rgba(232, 62, 140, 0.2);
+  border-left-color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-corner-indicator-pink .pace .pace-activity::after {
+  border-top-color: rgba(232, 62, 140, 0.2);
+  border-bottom-color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-fill-left-pink .pace .pace-progress {
+  background-color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-flash-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-flash-pink .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c;
+}
+
+.pace-flash-pink .pace .pace-activity {
+  border-top-color: #e83e8c;
+  border-left-color: #e83e8c;
+}
+
+.pace-loading-bar-pink .pace .pace-progress {
+  background: #e83e8c;
+  color: #e83e8c;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-pink .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-pink .pace .pace-progress {
+  background-color: #e83e8c;
+  box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-pink .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-pink .pace-progress {
+  color: #e83e8c;
+}
+
+.pace-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-red .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-red .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-red .pace .pace-progress::after {
+  color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-bounce-red .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-center-atom-red .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-red .pace-progress::before {
+  background: #dc3545;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-red .pace-activity {
+  border-color: #dc3545;
+}
+
+.pace-center-atom-red .pace-activity::after, .pace-center-atom-red .pace-activity::before {
+  border-color: #dc3545;
+}
+
+.pace-center-circle-red .pace .pace-progress {
+  background: rgba(220, 53, 69, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-red .pace .pace-activity {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-radar-red .pace .pace-activity::before {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-simple-red .pace {
+  background: #fff;
+  border-color: #dc3545;
+}
+
+.pace-center-simple-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-material-red .pace {
+  color: #dc3545;
+}
+
+.pace-corner-indicator-red .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-corner-indicator-red .pace .pace-activity::after,
+.pace-corner-indicator-red .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-red .pace .pace-activity::before {
+  border-right-color: rgba(220, 53, 69, 0.2);
+  border-left-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-corner-indicator-red .pace .pace-activity::after {
+  border-top-color: rgba(220, 53, 69, 0.2);
+  border-bottom-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-fill-left-red .pace .pace-progress {
+  background-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-flash-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-flash-red .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
+}
+
+.pace-flash-red .pace .pace-activity {
+  border-top-color: #dc3545;
+  border-left-color: #dc3545;
+}
+
+.pace-loading-bar-red .pace .pace-progress {
+  background: #dc3545;
+  color: #dc3545;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-red .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-red .pace .pace-progress {
+  background-color: #dc3545;
+  box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-red .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-red .pace-progress {
+  color: #dc3545;
+}
+
+.pace-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-barber-shop-orange .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-barber-shop-orange .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-orange .pace .pace-progress::after {
+  color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-bounce-orange .pace .pace-activity {
+  background: #fd7e14;
+}
+
+.pace-center-atom-orange .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-orange .pace-progress::before {
+  background: #fd7e14;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-orange .pace-activity {
+  border-color: #fd7e14;
+}
+
+.pace-center-atom-orange .pace-activity::after, .pace-center-atom-orange .pace-activity::before {
+  border-color: #fd7e14;
+}
+
+.pace-center-circle-orange .pace .pace-progress {
+  background: rgba(253, 126, 20, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-orange .pace .pace-activity {
+  border-color: #fd7e14 transparent transparent;
+}
+
+.pace-center-radar-orange .pace .pace-activity::before {
+  border-color: #fd7e14 transparent transparent;
+}
+
+.pace-center-simple-orange .pace {
+  background: #1f2d3d;
+  border-color: #fd7e14;
+}
+
+.pace-center-simple-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-material-orange .pace {
+  color: #fd7e14;
+}
+
+.pace-corner-indicator-orange .pace .pace-activity {
+  background: #fd7e14;
+}
+
+.pace-corner-indicator-orange .pace .pace-activity::after,
+.pace-corner-indicator-orange .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-orange .pace .pace-activity::before {
+  border-right-color: rgba(253, 126, 20, 0.2);
+  border-left-color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-corner-indicator-orange .pace .pace-activity::after {
+  border-top-color: rgba(253, 126, 20, 0.2);
+  border-bottom-color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-fill-left-orange .pace .pace-progress {
+  background-color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-flash-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-flash-orange .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14;
+}
+
+.pace-flash-orange .pace .pace-activity {
+  border-top-color: #fd7e14;
+  border-left-color: #fd7e14;
+}
+
+.pace-loading-bar-orange .pace .pace-progress {
+  background: #fd7e14;
+  color: #fd7e14;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-orange .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-orange .pace .pace-progress {
+  background-color: #fd7e14;
+  box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-orange .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-orange .pace-progress {
+  color: #fd7e14;
+}
+
+.pace-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-yellow .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-yellow .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-yellow .pace .pace-progress::after {
+  color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-bounce-yellow .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-center-atom-yellow .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-yellow .pace-progress::before {
+  background: #ffc107;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-yellow .pace-activity {
+  border-color: #ffc107;
+}
+
+.pace-center-atom-yellow .pace-activity::after, .pace-center-atom-yellow .pace-activity::before {
+  border-color: #ffc107;
+}
+
+.pace-center-circle-yellow .pace .pace-progress {
+  background: rgba(255, 193, 7, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-yellow .pace .pace-activity {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-radar-yellow .pace .pace-activity::before {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-simple-yellow .pace {
+  background: #1f2d3d;
+  border-color: #ffc107;
+}
+
+.pace-center-simple-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-material-yellow .pace {
+  color: #ffc107;
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity::after,
+.pace-corner-indicator-yellow .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity::before {
+  border-right-color: rgba(255, 193, 7, 0.2);
+  border-left-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity::after {
+  border-top-color: rgba(255, 193, 7, 0.2);
+  border-bottom-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-fill-left-yellow .pace .pace-progress {
+  background-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-flash-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-flash-yellow .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
+}
+
+.pace-flash-yellow .pace .pace-activity {
+  border-top-color: #ffc107;
+  border-left-color: #ffc107;
+}
+
+.pace-loading-bar-yellow .pace .pace-progress {
+  background: #ffc107;
+  color: #ffc107;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-yellow .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-yellow .pace .pace-progress {
+  background-color: #ffc107;
+  box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-yellow .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-yellow .pace-progress {
+  color: #ffc107;
+}
+
+.pace-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-green .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-green .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-green .pace .pace-progress::after {
+  color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-bounce-green .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-center-atom-green .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-green .pace-progress::before {
+  background: #28a745;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-green .pace-activity {
+  border-color: #28a745;
+}
+
+.pace-center-atom-green .pace-activity::after, .pace-center-atom-green .pace-activity::before {
+  border-color: #28a745;
+}
+
+.pace-center-circle-green .pace .pace-progress {
+  background: rgba(40, 167, 69, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-green .pace .pace-activity {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-radar-green .pace .pace-activity::before {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-simple-green .pace {
+  background: #fff;
+  border-color: #28a745;
+}
+
+.pace-center-simple-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-material-green .pace {
+  color: #28a745;
+}
+
+.pace-corner-indicator-green .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-corner-indicator-green .pace .pace-activity::after,
+.pace-corner-indicator-green .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-green .pace .pace-activity::before {
+  border-right-color: rgba(40, 167, 69, 0.2);
+  border-left-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-corner-indicator-green .pace .pace-activity::after {
+  border-top-color: rgba(40, 167, 69, 0.2);
+  border-bottom-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-fill-left-green .pace .pace-progress {
+  background-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-flash-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-flash-green .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
+}
+
+.pace-flash-green .pace .pace-activity {
+  border-top-color: #28a745;
+  border-left-color: #28a745;
+}
+
+.pace-loading-bar-green .pace .pace-progress {
+  background: #28a745;
+  color: #28a745;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-green .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-green .pace .pace-progress {
+  background-color: #28a745;
+  box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-green .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-green .pace-progress {
+  color: #28a745;
+}
+
+.pace-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-barber-shop-teal .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-barber-shop-teal .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-teal .pace .pace-progress::after {
+  color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-bounce-teal .pace .pace-activity {
+  background: #20c997;
+}
+
+.pace-center-atom-teal .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-teal .pace-progress::before {
+  background: #20c997;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-teal .pace-activity {
+  border-color: #20c997;
+}
+
+.pace-center-atom-teal .pace-activity::after, .pace-center-atom-teal .pace-activity::before {
+  border-color: #20c997;
+}
+
+.pace-center-circle-teal .pace .pace-progress {
+  background: rgba(32, 201, 151, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-teal .pace .pace-activity {
+  border-color: #20c997 transparent transparent;
+}
+
+.pace-center-radar-teal .pace .pace-activity::before {
+  border-color: #20c997 transparent transparent;
+}
+
+.pace-center-simple-teal .pace {
+  background: #fff;
+  border-color: #20c997;
+}
+
+.pace-center-simple-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-material-teal .pace {
+  color: #20c997;
+}
+
+.pace-corner-indicator-teal .pace .pace-activity {
+  background: #20c997;
+}
+
+.pace-corner-indicator-teal .pace .pace-activity::after,
+.pace-corner-indicator-teal .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-teal .pace .pace-activity::before {
+  border-right-color: rgba(32, 201, 151, 0.2);
+  border-left-color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-corner-indicator-teal .pace .pace-activity::after {
+  border-top-color: rgba(32, 201, 151, 0.2);
+  border-bottom-color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-fill-left-teal .pace .pace-progress {
+  background-color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-flash-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-flash-teal .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #20c997, 0 0 5px #20c997;
+}
+
+.pace-flash-teal .pace .pace-activity {
+  border-top-color: #20c997;
+  border-left-color: #20c997;
+}
+
+.pace-loading-bar-teal .pace .pace-progress {
+  background: #20c997;
+  color: #20c997;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-teal .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-teal .pace .pace-progress {
+  background-color: #20c997;
+  box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-teal .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-teal .pace-progress {
+  color: #20c997;
+}
+
+.pace-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-cyan .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-cyan .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-cyan .pace .pace-progress::after {
+  color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-bounce-cyan .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-center-atom-cyan .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-cyan .pace-progress::before {
+  background: #17a2b8;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-cyan .pace-activity {
+  border-color: #17a2b8;
+}
+
+.pace-center-atom-cyan .pace-activity::after, .pace-center-atom-cyan .pace-activity::before {
+  border-color: #17a2b8;
+}
+
+.pace-center-circle-cyan .pace .pace-progress {
+  background: rgba(23, 162, 184, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-cyan .pace .pace-activity {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-radar-cyan .pace .pace-activity::before {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-simple-cyan .pace {
+  background: #fff;
+  border-color: #17a2b8;
+}
+
+.pace-center-simple-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-material-cyan .pace {
+  color: #17a2b8;
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity::after,
+.pace-corner-indicator-cyan .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity::before {
+  border-right-color: rgba(23, 162, 184, 0.2);
+  border-left-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity::after {
+  border-top-color: rgba(23, 162, 184, 0.2);
+  border-bottom-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-fill-left-cyan .pace .pace-progress {
+  background-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-flash-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-flash-cyan .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
+}
+
+.pace-flash-cyan .pace .pace-activity {
+  border-top-color: #17a2b8;
+  border-left-color: #17a2b8;
+}
+
+.pace-loading-bar-cyan .pace .pace-progress {
+  background: #17a2b8;
+  color: #17a2b8;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-cyan .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-cyan .pace .pace-progress {
+  background-color: #17a2b8;
+  box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-cyan .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-cyan .pace-progress {
+  color: #17a2b8;
+}
+
+.pace-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-barber-shop-white .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-barber-shop-white .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-white .pace .pace-progress::after {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-bounce-white .pace .pace-activity {
+  background: #fff;
+}
+
+.pace-center-atom-white .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-white .pace-progress::before {
+  background: #fff;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-white .pace-activity {
+  border-color: #fff;
+}
+
+.pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before {
+  border-color: #fff;
+}
+
+.pace-center-circle-white .pace .pace-progress {
+  background: rgba(255, 255, 255, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-white .pace .pace-activity {
+  border-color: #fff transparent transparent;
+}
+
+.pace-center-radar-white .pace .pace-activity::before {
+  border-color: #fff transparent transparent;
+}
+
+.pace-center-simple-white .pace {
+  background: #1f2d3d;
+  border-color: #fff;
+}
+
+.pace-center-simple-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-material-white .pace {
+  color: #fff;
+}
+
+.pace-corner-indicator-white .pace .pace-activity {
+  background: #fff;
+}
+
+.pace-corner-indicator-white .pace .pace-activity::after,
+.pace-corner-indicator-white .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-white .pace .pace-activity::before {
+  border-right-color: rgba(255, 255, 255, 0.2);
+  border-left-color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-corner-indicator-white .pace .pace-activity::after {
+  border-top-color: rgba(255, 255, 255, 0.2);
+  border-bottom-color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-fill-left-white .pace .pace-progress {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-flash-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-flash-white .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
+}
+
+.pace-flash-white .pace .pace-activity {
+  border-top-color: #fff;
+  border-left-color: #fff;
+}
+
+.pace-loading-bar-white .pace .pace-progress {
+  background: #fff;
+  color: #fff;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-white .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-white .pace .pace-progress {
+  background-color: #fff;
+  box-shadow: inset -1px 0 #fff, inset 0 -1px #fff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-white .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-white .pace-progress {
+  color: #fff;
+}
+
+.pace-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-gray .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-gray .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-gray .pace .pace-progress::after {
+  color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-bounce-gray .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-center-atom-gray .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-gray .pace-progress::before {
+  background: #6c757d;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-gray .pace-activity {
+  border-color: #6c757d;
+}
+
+.pace-center-atom-gray .pace-activity::after, .pace-center-atom-gray .pace-activity::before {
+  border-color: #6c757d;
+}
+
+.pace-center-circle-gray .pace .pace-progress {
+  background: rgba(108, 117, 125, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-gray .pace .pace-activity {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-radar-gray .pace .pace-activity::before {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-simple-gray .pace {
+  background: #fff;
+  border-color: #6c757d;
+}
+
+.pace-center-simple-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-material-gray .pace {
+  color: #6c757d;
+}
+
+.pace-corner-indicator-gray .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-corner-indicator-gray .pace .pace-activity::after,
+.pace-corner-indicator-gray .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-gray .pace .pace-activity::before {
+  border-right-color: rgba(108, 117, 125, 0.2);
+  border-left-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-corner-indicator-gray .pace .pace-activity::after {
+  border-top-color: rgba(108, 117, 125, 0.2);
+  border-bottom-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-fill-left-gray .pace .pace-progress {
+  background-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-flash-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-flash-gray .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
+}
+
+.pace-flash-gray .pace .pace-activity {
+  border-top-color: #6c757d;
+  border-left-color: #6c757d;
+}
+
+.pace-loading-bar-gray .pace .pace-progress {
+  background: #6c757d;
+  color: #6c757d;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-gray .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-gray .pace .pace-progress {
+  background-color: #6c757d;
+  box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-gray .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-gray .pace-progress {
+  color: #6c757d;
+}
+
+.pace-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-gray-dark .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-gray-dark .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-gray-dark .pace .pace-progress::after {
+  color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-bounce-gray-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-center-atom-gray-dark .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-gray-dark .pace-progress::before {
+  background: #343a40;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-gray-dark .pace-activity {
+  border-color: #343a40;
+}
+
+.pace-center-atom-gray-dark .pace-activity::after, .pace-center-atom-gray-dark .pace-activity::before {
+  border-color: #343a40;
+}
+
+.pace-center-circle-gray-dark .pace .pace-progress {
+  background: rgba(52, 58, 64, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-gray-dark .pace .pace-activity {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-radar-gray-dark .pace .pace-activity::before {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-simple-gray-dark .pace {
+  background: #fff;
+  border-color: #343a40;
+}
+
+.pace-center-simple-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-material-gray-dark .pace {
+  color: #343a40;
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity::after,
+.pace-corner-indicator-gray-dark .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity::before {
+  border-right-color: rgba(52, 58, 64, 0.2);
+  border-left-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity::after {
+  border-top-color: rgba(52, 58, 64, 0.2);
+  border-bottom-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-fill-left-gray-dark .pace .pace-progress {
+  background-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-flash-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-flash-gray-dark .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
+}
+
+.pace-flash-gray-dark .pace .pace-activity {
+  border-top-color: #343a40;
+  border-left-color: #343a40;
+}
+
+.pace-loading-bar-gray-dark .pace .pace-progress {
+  background: #343a40;
+  color: #343a40;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-gray-dark .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-gray-dark .pace .pace-progress {
+  background-color: #343a40;
+  box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-gray-dark .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-gray-dark .pace-progress {
+  color: #343a40;
+}
+
+/**
+  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
+  *
+  * @version v3.4 (MODDED)
+  * @homepage https://bttstrp.github.io/bootstrap-switch
+  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
+  * @license MIT
+  */
+.bootstrap-switch {
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  direction: ltr;
+  display: inline-block;
+  line-height: .5rem;
+  overflow: hidden;
+  position: relative;
+  text-align: left;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  z-index: 0;
+}
+
+.bootstrap-switch .bootstrap-switch-container {
+  border-radius: 0.25rem;
+  display: inline-block;
+  top: 0;
+  transform: translate3d(0, 0, 0);
+}
+
+.bootstrap-switch:focus-within {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off,
+.bootstrap-switch .bootstrap-switch-label {
+  box-sizing: border-box;
+  cursor: pointer;
+  display: table-cell;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.2rem;
+  padding: .25rem .5rem;
+  vertical-align: middle;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off {
+  text-align: center;
+  z-index: 1;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
+  background: #e9ecef;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
+  background: #007bff;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
+  background: #6c757d;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
+  background: #28a745;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
+  background: #17a2b8;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
+  background: #ffc107;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
+  background: #dc3545;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
+  background: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
+  background: #3c8dbc;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
+  background: #001f3f;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
+  background: #3d9970;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
+  background: #01ff70;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
+  background: #f012be;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
+  background: #d81b60;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
+  background: #007bff;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
+  background: #6610f2;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
+  background: #6f42c1;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
+  background: #e83e8c;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
+  background: #dc3545;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
+  background: #fd7e14;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
+  background: #ffc107;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
+  background: #28a745;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
+  background: #20c997;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
+  background: #17a2b8;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
+  background: #fff;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
+  background: #6c757d;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on {
+  border-bottom-left-radius: 0.1rem;
+  border-top-left-radius: 0.1rem;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-off {
+  border-bottom-right-radius: 0.1rem;
+  border-top-right-radius: 0.1rem;
+}
+
+.bootstrap-switch input[type='radio'],
+.bootstrap-switch input[type='checkbox'] {
+  filter: alpha(opacity=0);
+  left: 0;
+  margin: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  visibility: hidden;
+  z-index: -1;
+}
+
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
+  font-size: .875rem;
+  line-height: 1.5;
+  padding: .1rem .3rem;
+}
+
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
+  font-size: .875rem;
+  line-height: 1.5;
+  padding: .2rem .4rem;
+}
+
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
+  font-size: 1.25rem;
+  line-height: 1.3333333rem;
+  padding: .3rem .5rem;
+}
+
+.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
+  cursor: default;
+}
+
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
+  cursor: default;
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
+  transition: margin-left .5s;
+}
+
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
+  border-radius: 0 0.1rem 0.1rem 0;
+}
+
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
+  border-radius: 0.1rem 0 0 0.1rem;
+}
+
+.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
+  border-bottom-right-radius: 0.1rem;
+  border-top-right-radius: 0.1rem;
+}
+
+.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
+  border-bottom-left-radius: 0.1rem;
+  border-top-left-radius: 0.1rem;
+}
+
+.dark-mode .bootstrap-switch {
+  border-color: #6c757d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
+  background-color: #3a4047;
+  color: #fff;
+  border-color: #454d55;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
+  background: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
+  background: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
+  background: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
+  background: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
+  background: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
+  background: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
+  background: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
+  background: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
+  background: #002c59;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
+  background: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
+  background: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
+  background: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
+  background: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
+  background: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
+  background: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
+  background: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
+  background: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
+  background: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
+  background: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
+  background: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
+  background: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
+  background: #20c997;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
+  background: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
+  background: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
+  background: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker {
+  background-color: #3f474e;
+  border: inherit;
+}
+
+.dark-mode .daterangepicker::before, .dark-mode .daterangepicker::after {
+  border-bottom-color: #3f474e;
+}
+
+.dark-mode .daterangepicker td.available:hover,
+.dark-mode .daterangepicker th.available:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .daterangepicker td.in-range {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker td.off,
+.dark-mode .daterangepicker td.off.in-range,
+.dark-mode .daterangepicker td.off.start-date,
+.dark-mode .daterangepicker td.off.end-date {
+  background-color: #292d32;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker .ranges li:hover {
+  background-color: #343a40;
+}
+
+.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar {
+  border-color: #4b545c;
+}
+
+.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.left, .dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.right {
+  border-color: #4b545c;
   padding-top: 0;
 }
-.position-static {
-  position: static !important;
+
+.dark-mode .daterangepicker .drp-buttons {
+  border-color: #4b545c;
 }
-.list-header {
-  font-size: 15px;
-  padding: 10px 4px;
-  font-weight: bold;
-  color: #666;
+
+.dark-mode .daterangepicker .calendar-table {
+  background-color: #343a40;
+  border-color: #4b545c;
 }
-.list-seperator {
-  height: 1px;
-  background: #f4f4f4;
-  margin: 15px 0 9px 0;
+
+.dark-mode .daterangepicker .calendar-table th,
+.dark-mode .daterangepicker .calendar-table td {
+  color: #fff;
 }
-.list-link > a {
-  padding: 4px;
-  color: #777;
+
+.dark-mode .daterangepicker .calendar-table .next span,
+.dark-mode .daterangepicker .calendar-table .prev span {
+  border-color: #fff;
 }
-.list-link > a:hover {
-  color: #222;
+
+.dark-mode .daterangepicker select.hourselect,
+.dark-mode .daterangepicker select.minuteselect,
+.dark-mode .daterangepicker select.secondselect,
+.dark-mode .daterangepicker select.ampmselect {
+  background-color: #343a40;
+  border-color: #4b545c;
 }
-.font-light {
-  font-weight: 300;
-}
-.user-block:before,
-.user-block:after {
-  content: " ";
-  display: table;
-}
-.user-block:after {
-  clear: both;
-}
-.user-block img {
-  width: 40px;
-  height: 40px;
-  float: left;
-}
-.user-block .username,
-.user-block .description,
-.user-block .comment {
-  display: block;
-  margin-left: 50px;
-}
-.user-block .username {
-  font-size: 16px;
-  font-weight: 600;
-}
-.user-block .description {
-  color: #999;
-  font-size: 13px;
-}
-.user-block.user-block-sm .username,
-.user-block.user-block-sm .description,
-.user-block.user-block-sm .comment {
-  margin-left: 40px;
-}
-.user-block.user-block-sm .username {
-  font-size: 14px;
-}
-.img-sm,
-.img-md,
-.img-lg,
-.box-comments .box-comment img,
-.user-block.user-block-sm img {
-  float: left;
-}
-.img-sm,
-.box-comments .box-comment img,
-.user-block.user-block-sm img {
-  width: 30px !important;
-  height: 30px !important;
-}
-.img-sm + .img-push {
-  margin-left: 40px;
-}
-.img-md {
-  width: 60px;
-  height: 60px;
-}
-.img-md + .img-push {
-  margin-left: 70px;
-}
-.img-lg {
-  width: 100px;
-  height: 100px;
-}
-.img-lg + .img-push {
-  margin-left: 110px;
-}
-.img-bordered {
-  border: 3px solid #d2d6de;
-  padding: 3px;
-}
-.img-bordered-sm {
-  border: 2px solid #d2d6de;
-  padding: 2px;
-}
-.attachment-block {
-  border: 1px solid #f4f4f4;
-  padding: 5px;
-  margin-bottom: 10px;
-  background: #f7f7f7;
-}
-.attachment-block .attachment-img {
-  max-width: 100px;
-  max-height: 100px;
-  height: auto;
-  float: left;
-}
-.attachment-block .attachment-pushed {
-  margin-left: 110px;
-}
-.attachment-block .attachment-heading {
-  margin: 0;
-}
-.attachment-block .attachment-text {
-  color: #555;
+
+.jqstooltip {
+  height: auto !important;
+  padding: 5px !important;
+  width: auto !important;
 }
+
 .connectedSortable {
   min-height: 100px;
 }
+
 .ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
@@ -5333,77 +44012,1277 @@ fieldset[disabled] .btn-yahoo.focus {
   position: absolute;
   width: 1px;
 }
+
 .sort-highlight {
-  background: #f4f4f4;
-  border: 1px dashed #ddd;
+  background: #f8f9fa;
+  border: 1px dashed #dee2e6;
   margin-bottom: 10px;
 }
-.full-opacity-hover {
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-}
-.full-opacity-hover:hover {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
+
 .chart {
-  position: relative;
   overflow: hidden;
+  position: relative;
+}
+
+.dark-mode .irs--flat .irs-line {
+  background-color: #4b545c;
+}
+
+.dark-mode .jsgrid-edit-row > .jsgrid-cell,
+.dark-mode .jsgrid-filter-row > .jsgrid-cell,
+.dark-mode .jsgrid-grid-body, .dark-mode .jsgrid-grid-header,
+.dark-mode .jsgrid-header-row > .jsgrid-header-cell,
+.dark-mode .jsgrid-insert-row > .jsgrid-cell,
+.dark-mode .jsgrid-row > .jsgrid-cell,
+.dark-mode .jsgrid-alt-row > .jsgrid-cell {
+  border-color: #6c757d;
+}
+
+.dark-mode .jsgrid-header-row > .jsgrid-header-cell,
+.dark-mode .jsgrid-row > .jsgrid-cell {
+  background-color: #343a40;
+}
+
+.dark-mode .jsgrid-alt-row > .jsgrid-cell {
+  background-color: #3a4047;
+}
+
+.dark-mode .jsgrid-selected-row > .jsgrid-cell {
+  background-color: #3f474e;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
+.description-block {
+  display: block;
+  margin: 10px 0;
+  text-align: center;
+}
+
+.description-block.margin-bottom {
+  margin-bottom: 25px;
+}
+
+.description-block > .description-header {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+  padding: 0;
+}
+
+.description-block > .description-text {
+  text-transform: uppercase;
+}
+
+.description-block .description-icon {
+  font-size: 16px;
+}
+
+.list-group-unbordered > .list-group-item {
+  border-left: 0;
+  border-radius: 0;
+  border-right: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.list-header {
+  color: #6c757d;
+  font-size: 15px;
+  font-weight: 700;
+  padding: 10px 4px;
+}
+
+.list-seperator {
+  background-color: rgba(0, 0, 0, 0.125);
+  height: 1px;
+  margin: 15px 0 9px;
+}
+
+.list-link > a {
+  color: #6c757d;
+  padding: 4px;
+}
+
+.list-link > a:hover {
+  color: #212529;
+}
+
+.user-block {
+  float: left;
+}
+
+.user-block img {
+  float: left;
+  height: 40px;
+  width: 40px;
+}
+
+.user-block .username,
+.user-block .description,
+.user-block .comment {
+  display: block;
+  margin-left: 50px;
+}
+
+.user-block .username {
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: -1px;
+}
+
+.user-block .description {
+  color: #6c757d;
+  font-size: 13px;
+  margin-top: -3px;
+}
+
+.user-block.user-block-sm img {
+  width: 1.875rem;
+  height: 1.875rem;
+}
+
+.user-block.user-block-sm .username,
+.user-block.user-block-sm .description,
+.user-block.user-block-sm .comment {
+  margin-left: 40px;
+}
+
+.user-block.user-block-sm .username {
+  font-size: 14px;
+}
+
+.img-sm,
+.img-md,
+.img-lg {
+  float: left;
+}
+
+.img-sm {
+  height: 1.875rem;
+  width: 1.875rem;
+}
+
+.img-sm + .img-push {
+  margin-left: 2.5rem;
+}
+
+.img-md {
+  width: 3.75rem;
+  height: 3.75rem;
+}
+
+.img-md + .img-push {
+  margin-left: 4.375rem;
+}
+
+.img-lg {
+  width: 6.25rem;
+  height: 6.25rem;
+}
+
+.img-lg + .img-push {
+  margin-left: 6.875rem;
+}
+
+.img-bordered {
+  border: 3px solid #adb5bd;
+  padding: 3px;
+}
+
+.img-bordered-sm {
+  border: 2px solid #adb5bd;
+  padding: 2px;
+}
+
+.img-rounded {
+  border-radius: 0.25rem;
+}
+
+.img-circle {
+  border-radius: 50%;
+}
+
+.img-size-64,
+.img-size-50,
+.img-size-32 {
+  height: auto;
+}
+
+.img-size-64 {
+  width: 64px;
+}
+
+.img-size-50 {
+  width: 50px;
+}
+
+.img-size-32 {
+  width: 32px;
+}
+
+.size-32,
+.size-40,
+.size-50 {
+  display: block;
+  text-align: center;
+}
+
+.size-32 {
+  height: 32px;
+  line-height: 32px;
+  width: 32px;
+}
+
+.size-40 {
+  height: 40px;
+  line-height: 40px;
+  width: 40px;
+}
+
+.size-50 {
+  height: 50px;
+  line-height: 50px;
+  width: 50px;
+}
+
+.attachment-block {
+  background-color: #f8f9fa;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  margin-bottom: 10px;
+  padding: 5px;
+}
+
+.attachment-block .attachment-img {
+  float: left;
+  height: auto;
+  max-height: 100px;
+  max-width: 100px;
+}
+
+.attachment-block .attachment-pushed {
+  margin-left: 110px;
+}
+
+.attachment-block .attachment-heading {
+  margin: 0;
+}
+
+.attachment-block .attachment-text {
+  color: #495057;
+}
+
+.card > .overlay,
+.card > .loading-img,
+.overlay-wrapper > .overlay,
+.overlay-wrapper > .loading-img,
+.info-box > .overlay,
+.info-box > .loading-img,
+.small-box > .overlay,
+.small-box > .loading-img {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
   width: 100%;
 }
-.chart svg,
-.chart canvas {
-  width: 100% !important;
+
+.card .overlay,
+.overlay-wrapper .overlay,
+.info-box .overlay,
+.small-box .overlay {
+  border-radius: 0.25rem;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.7);
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  z-index: 50;
 }
-hr {
-  border-top: 1px solid #555555;
+
+.card .overlay > .fa,
+.card .overlay > .fas,
+.card .overlay > .far,
+.card .overlay > .fab,
+.card .overlay > .fal,
+.card .overlay > .fad,
+.card .overlay > .svg-inline--fa,
+.card .overlay > .ion,
+.overlay-wrapper .overlay > .fa,
+.overlay-wrapper .overlay > .fas,
+.overlay-wrapper .overlay > .far,
+.overlay-wrapper .overlay > .fab,
+.overlay-wrapper .overlay > .fal,
+.overlay-wrapper .overlay > .fad,
+.overlay-wrapper .overlay > .svg-inline--fa,
+.overlay-wrapper .overlay > .ion,
+.info-box .overlay > .fa,
+.info-box .overlay > .fas,
+.info-box .overlay > .far,
+.info-box .overlay > .fab,
+.info-box .overlay > .fal,
+.info-box .overlay > .fad,
+.info-box .overlay > .svg-inline--fa,
+.info-box .overlay > .ion,
+.small-box .overlay > .fa,
+.small-box .overlay > .fas,
+.small-box .overlay > .far,
+.small-box .overlay > .fab,
+.small-box .overlay > .fal,
+.small-box .overlay > .fad,
+.small-box .overlay > .svg-inline--fa,
+.small-box .overlay > .ion {
+  color: #343a40;
 }
-#red .slider-selection {
-  background: #f56954;
+
+.card .overlay.dark,
+.overlay-wrapper .overlay.dark,
+.info-box .overlay.dark,
+.small-box .overlay.dark {
+  background-color: rgba(0, 0, 0, 0.5);
 }
-#blue .slider-selection {
-  background: #3c8dbc;
+
+.card .overlay.dark > .fa,
+.card .overlay.dark > .fas,
+.card .overlay.dark > .far,
+.card .overlay.dark > .fab,
+.card .overlay.dark > .fal,
+.card .overlay.dark > .fad,
+.card .overlay.dark > .svg-inline--fa,
+.card .overlay.dark > .ion,
+.overlay-wrapper .overlay.dark > .fa,
+.overlay-wrapper .overlay.dark > .fas,
+.overlay-wrapper .overlay.dark > .far,
+.overlay-wrapper .overlay.dark > .fab,
+.overlay-wrapper .overlay.dark > .fal,
+.overlay-wrapper .overlay.dark > .fad,
+.overlay-wrapper .overlay.dark > .svg-inline--fa,
+.overlay-wrapper .overlay.dark > .ion,
+.info-box .overlay.dark > .fa,
+.info-box .overlay.dark > .fas,
+.info-box .overlay.dark > .far,
+.info-box .overlay.dark > .fab,
+.info-box .overlay.dark > .fal,
+.info-box .overlay.dark > .fad,
+.info-box .overlay.dark > .svg-inline--fa,
+.info-box .overlay.dark > .ion,
+.small-box .overlay.dark > .fa,
+.small-box .overlay.dark > .fas,
+.small-box .overlay.dark > .far,
+.small-box .overlay.dark > .fab,
+.small-box .overlay.dark > .fal,
+.small-box .overlay.dark > .fad,
+.small-box .overlay.dark > .svg-inline--fa,
+.small-box .overlay.dark > .ion {
+  color: #ced4da;
 }
-#green .slider-selection {
-  background: #00a65a;
+
+.tab-pane > .overlay-wrapper {
+  position: relative;
 }
-#yellow .slider-selection {
-  background: #f39c12;
+
+.tab-pane > .overlay-wrapper > .overlay {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin-top: -1.25rem;
+  margin-left: -1.25rem;
+  height: calc(100% + 2 * 1.25rem);
+  width: calc(100% + 2 * 1.25rem);
 }
-#aqua .slider-selection {
-  background: #00c0ef;
+
+.tab-pane > .overlay-wrapper > .overlay.dark {
+  color: #fff;
 }
-#purple .slider-selection {
-  background: #932ab6;
+
+.ribbon-wrapper {
+  height: 70px;
+  overflow: hidden;
+  position: absolute;
+  right: -2px;
+  top: -2px;
+  width: 70px;
+  z-index: 10;
 }
-/*
- * Misc: print
- * -----------
- */
+
+.ribbon-wrapper.ribbon-lg {
+  height: 120px;
+  width: 120px;
+}
+
+.ribbon-wrapper.ribbon-lg .ribbon {
+  right: 0;
+  top: 26px;
+  width: 160px;
+}
+
+.ribbon-wrapper.ribbon-xl {
+  height: 180px;
+  width: 180px;
+}
+
+.ribbon-wrapper.ribbon-xl .ribbon {
+  right: 4px;
+  top: 47px;
+  width: 240px;
+}
+
+.ribbon-wrapper .ribbon {
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  font-size: 0.8rem;
+  line-height: 100%;
+  padding: 0.375rem 0;
+  position: relative;
+  right: -2px;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+  text-transform: uppercase;
+  top: 10px;
+  transform: rotate(45deg);
+  width: 90px;
+}
+
+.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
+  border-left: 3px solid transparent;
+  border-right: 3px solid transparent;
+  border-top: 3px solid #9e9e9e;
+  bottom: -3px;
+  content: "";
+  position: absolute;
+}
+
+.ribbon-wrapper .ribbon::before {
+  left: 0;
+}
+
+.ribbon-wrapper .ribbon::after {
+  right: 0;
+}
+
+.back-to-top {
+  bottom: 1.25rem;
+  position: fixed;
+  right: 1.25rem;
+  z-index: 1032;
+}
+
+.back-to-top:focus {
+  box-shadow: none;
+}
+
+pre {
+  padding: .75rem;
+}
+
+blockquote {
+  background-color: #fff;
+  border-left: 0.7rem solid #007bff;
+  margin: 1.5em .7rem;
+  padding: .5em .7rem;
+}
+
+.box blockquote {
+  background-color: #e9ecef;
+}
+
+blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+blockquote h1,
+blockquote h2,
+blockquote h3,
+blockquote h4,
+blockquote h5,
+blockquote h6 {
+  color: #007bff;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+blockquote.quote-primary {
+  border-color: #007bff;
+}
+
+blockquote.quote-primary h1,
+blockquote.quote-primary h2,
+blockquote.quote-primary h3,
+blockquote.quote-primary h4,
+blockquote.quote-primary h5,
+blockquote.quote-primary h6 {
+  color: #007bff;
+}
+
+blockquote.quote-secondary {
+  border-color: #6c757d;
+}
+
+blockquote.quote-secondary h1,
+blockquote.quote-secondary h2,
+blockquote.quote-secondary h3,
+blockquote.quote-secondary h4,
+blockquote.quote-secondary h5,
+blockquote.quote-secondary h6 {
+  color: #6c757d;
+}
+
+blockquote.quote-success {
+  border-color: #28a745;
+}
+
+blockquote.quote-success h1,
+blockquote.quote-success h2,
+blockquote.quote-success h3,
+blockquote.quote-success h4,
+blockquote.quote-success h5,
+blockquote.quote-success h6 {
+  color: #28a745;
+}
+
+blockquote.quote-info {
+  border-color: #17a2b8;
+}
+
+blockquote.quote-info h1,
+blockquote.quote-info h2,
+blockquote.quote-info h3,
+blockquote.quote-info h4,
+blockquote.quote-info h5,
+blockquote.quote-info h6 {
+  color: #17a2b8;
+}
+
+blockquote.quote-warning {
+  border-color: #ffc107;
+}
+
+blockquote.quote-warning h1,
+blockquote.quote-warning h2,
+blockquote.quote-warning h3,
+blockquote.quote-warning h4,
+blockquote.quote-warning h5,
+blockquote.quote-warning h6 {
+  color: #ffc107;
+}
+
+blockquote.quote-danger {
+  border-color: #dc3545;
+}
+
+blockquote.quote-danger h1,
+blockquote.quote-danger h2,
+blockquote.quote-danger h3,
+blockquote.quote-danger h4,
+blockquote.quote-danger h5,
+blockquote.quote-danger h6 {
+  color: #dc3545;
+}
+
+blockquote.quote-light {
+  border-color: #f8f9fa;
+}
+
+blockquote.quote-light h1,
+blockquote.quote-light h2,
+blockquote.quote-light h3,
+blockquote.quote-light h4,
+blockquote.quote-light h5,
+blockquote.quote-light h6 {
+  color: #f8f9fa;
+}
+
+blockquote.quote-dark {
+  border-color: #343a40;
+}
+
+blockquote.quote-dark h1,
+blockquote.quote-dark h2,
+blockquote.quote-dark h3,
+blockquote.quote-dark h4,
+blockquote.quote-dark h5,
+blockquote.quote-dark h6 {
+  color: #343a40;
+}
+
+blockquote.quote-lightblue {
+  border-color: #3c8dbc;
+}
+
+blockquote.quote-lightblue h1,
+blockquote.quote-lightblue h2,
+blockquote.quote-lightblue h3,
+blockquote.quote-lightblue h4,
+blockquote.quote-lightblue h5,
+blockquote.quote-lightblue h6 {
+  color: #3c8dbc;
+}
+
+blockquote.quote-navy {
+  border-color: #001f3f;
+}
+
+blockquote.quote-navy h1,
+blockquote.quote-navy h2,
+blockquote.quote-navy h3,
+blockquote.quote-navy h4,
+blockquote.quote-navy h5,
+blockquote.quote-navy h6 {
+  color: #001f3f;
+}
+
+blockquote.quote-olive {
+  border-color: #3d9970;
+}
+
+blockquote.quote-olive h1,
+blockquote.quote-olive h2,
+blockquote.quote-olive h3,
+blockquote.quote-olive h4,
+blockquote.quote-olive h5,
+blockquote.quote-olive h6 {
+  color: #3d9970;
+}
+
+blockquote.quote-lime {
+  border-color: #01ff70;
+}
+
+blockquote.quote-lime h1,
+blockquote.quote-lime h2,
+blockquote.quote-lime h3,
+blockquote.quote-lime h4,
+blockquote.quote-lime h5,
+blockquote.quote-lime h6 {
+  color: #01ff70;
+}
+
+blockquote.quote-fuchsia {
+  border-color: #f012be;
+}
+
+blockquote.quote-fuchsia h1,
+blockquote.quote-fuchsia h2,
+blockquote.quote-fuchsia h3,
+blockquote.quote-fuchsia h4,
+blockquote.quote-fuchsia h5,
+blockquote.quote-fuchsia h6 {
+  color: #f012be;
+}
+
+blockquote.quote-maroon {
+  border-color: #d81b60;
+}
+
+blockquote.quote-maroon h1,
+blockquote.quote-maroon h2,
+blockquote.quote-maroon h3,
+blockquote.quote-maroon h4,
+blockquote.quote-maroon h5,
+blockquote.quote-maroon h6 {
+  color: #d81b60;
+}
+
+blockquote.quote-blue {
+  border-color: #007bff;
+}
+
+blockquote.quote-blue h1,
+blockquote.quote-blue h2,
+blockquote.quote-blue h3,
+blockquote.quote-blue h4,
+blockquote.quote-blue h5,
+blockquote.quote-blue h6 {
+  color: #007bff;
+}
+
+blockquote.quote-indigo {
+  border-color: #6610f2;
+}
+
+blockquote.quote-indigo h1,
+blockquote.quote-indigo h2,
+blockquote.quote-indigo h3,
+blockquote.quote-indigo h4,
+blockquote.quote-indigo h5,
+blockquote.quote-indigo h6 {
+  color: #6610f2;
+}
+
+blockquote.quote-purple {
+  border-color: #6f42c1;
+}
+
+blockquote.quote-purple h1,
+blockquote.quote-purple h2,
+blockquote.quote-purple h3,
+blockquote.quote-purple h4,
+blockquote.quote-purple h5,
+blockquote.quote-purple h6 {
+  color: #6f42c1;
+}
+
+blockquote.quote-pink {
+  border-color: #e83e8c;
+}
+
+blockquote.quote-pink h1,
+blockquote.quote-pink h2,
+blockquote.quote-pink h3,
+blockquote.quote-pink h4,
+blockquote.quote-pink h5,
+blockquote.quote-pink h6 {
+  color: #e83e8c;
+}
+
+blockquote.quote-red {
+  border-color: #dc3545;
+}
+
+blockquote.quote-red h1,
+blockquote.quote-red h2,
+blockquote.quote-red h3,
+blockquote.quote-red h4,
+blockquote.quote-red h5,
+blockquote.quote-red h6 {
+  color: #dc3545;
+}
+
+blockquote.quote-orange {
+  border-color: #fd7e14;
+}
+
+blockquote.quote-orange h1,
+blockquote.quote-orange h2,
+blockquote.quote-orange h3,
+blockquote.quote-orange h4,
+blockquote.quote-orange h5,
+blockquote.quote-orange h6 {
+  color: #fd7e14;
+}
+
+blockquote.quote-yellow {
+  border-color: #ffc107;
+}
+
+blockquote.quote-yellow h1,
+blockquote.quote-yellow h2,
+blockquote.quote-yellow h3,
+blockquote.quote-yellow h4,
+blockquote.quote-yellow h5,
+blockquote.quote-yellow h6 {
+  color: #ffc107;
+}
+
+blockquote.quote-green {
+  border-color: #28a745;
+}
+
+blockquote.quote-green h1,
+blockquote.quote-green h2,
+blockquote.quote-green h3,
+blockquote.quote-green h4,
+blockquote.quote-green h5,
+blockquote.quote-green h6 {
+  color: #28a745;
+}
+
+blockquote.quote-teal {
+  border-color: #20c997;
+}
+
+blockquote.quote-teal h1,
+blockquote.quote-teal h2,
+blockquote.quote-teal h3,
+blockquote.quote-teal h4,
+blockquote.quote-teal h5,
+blockquote.quote-teal h6 {
+  color: #20c997;
+}
+
+blockquote.quote-cyan {
+  border-color: #17a2b8;
+}
+
+blockquote.quote-cyan h1,
+blockquote.quote-cyan h2,
+blockquote.quote-cyan h3,
+blockquote.quote-cyan h4,
+blockquote.quote-cyan h5,
+blockquote.quote-cyan h6 {
+  color: #17a2b8;
+}
+
+blockquote.quote-white {
+  border-color: #fff;
+}
+
+blockquote.quote-white h1,
+blockquote.quote-white h2,
+blockquote.quote-white h3,
+blockquote.quote-white h4,
+blockquote.quote-white h5,
+blockquote.quote-white h6 {
+  color: #fff;
+}
+
+blockquote.quote-gray {
+  border-color: #6c757d;
+}
+
+blockquote.quote-gray h1,
+blockquote.quote-gray h2,
+blockquote.quote-gray h3,
+blockquote.quote-gray h4,
+blockquote.quote-gray h5,
+blockquote.quote-gray h6 {
+  color: #6c757d;
+}
+
+blockquote.quote-gray-dark {
+  border-color: #343a40;
+}
+
+blockquote.quote-gray-dark h1,
+blockquote.quote-gray-dark h2,
+blockquote.quote-gray-dark h3,
+blockquote.quote-gray-dark h4,
+blockquote.quote-gray-dark h5,
+blockquote.quote-gray-dark h6 {
+  color: #343a40;
+}
+
+.tab-custom-content {
+  border-top: 1px solid #dee2e6;
+  margin-top: .5rem;
+  padding-top: .5rem;
+}
+
+.nav + .tab-custom-content {
+  border-top: none;
+  border-bottom: 1px solid #dee2e6;
+  margin-top: 0;
+  margin-bottom: .5rem;
+  padding-bottom: .5rem;
+}
+
+.badge-btn {
+  border-radius: 0.15rem;
+  font-size: 0.75rem;
+  font-weight: 400;
+  padding: 0.25rem 0.5rem;
+}
+
+.badge-btn.badge-pill {
+  padding: .375rem .6rem;
+}
+
+.dark-mode a:not(.btn):hover {
+  color: #3395ff;
+}
+
+.dark-mode .attachment-block {
+  background-color: #3d444b;
+}
+
+.dark-mode .attachment-block .attachment-text {
+  color: #ced4da;
+}
+
+.dark-mode blockquote {
+  background-color: #3f474e;
+}
+
+.dark-mode blockquote.quote-primary {
+  border-color: #007bff;
+}
+
+.dark-mode blockquote.quote-primary h1,
+.dark-mode blockquote.quote-primary h2,
+.dark-mode blockquote.quote-primary h3,
+.dark-mode blockquote.quote-primary h4,
+.dark-mode blockquote.quote-primary h5,
+.dark-mode blockquote.quote-primary h6 {
+  color: #007bff;
+}
+
+.dark-mode blockquote.quote-secondary {
+  border-color: #6c757d;
+}
+
+.dark-mode blockquote.quote-secondary h1,
+.dark-mode blockquote.quote-secondary h2,
+.dark-mode blockquote.quote-secondary h3,
+.dark-mode blockquote.quote-secondary h4,
+.dark-mode blockquote.quote-secondary h5,
+.dark-mode blockquote.quote-secondary h6 {
+  color: #6c757d;
+}
+
+.dark-mode blockquote.quote-success {
+  border-color: #28a745;
+}
+
+.dark-mode blockquote.quote-success h1,
+.dark-mode blockquote.quote-success h2,
+.dark-mode blockquote.quote-success h3,
+.dark-mode blockquote.quote-success h4,
+.dark-mode blockquote.quote-success h5,
+.dark-mode blockquote.quote-success h6 {
+  color: #28a745;
+}
+
+.dark-mode blockquote.quote-info {
+  border-color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-info h1,
+.dark-mode blockquote.quote-info h2,
+.dark-mode blockquote.quote-info h3,
+.dark-mode blockquote.quote-info h4,
+.dark-mode blockquote.quote-info h5,
+.dark-mode blockquote.quote-info h6 {
+  color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-warning {
+  border-color: #ffc107;
+}
+
+.dark-mode blockquote.quote-warning h1,
+.dark-mode blockquote.quote-warning h2,
+.dark-mode blockquote.quote-warning h3,
+.dark-mode blockquote.quote-warning h4,
+.dark-mode blockquote.quote-warning h5,
+.dark-mode blockquote.quote-warning h6 {
+  color: #ffc107;
+}
+
+.dark-mode blockquote.quote-danger {
+  border-color: #dc3545;
+}
+
+.dark-mode blockquote.quote-danger h1,
+.dark-mode blockquote.quote-danger h2,
+.dark-mode blockquote.quote-danger h3,
+.dark-mode blockquote.quote-danger h4,
+.dark-mode blockquote.quote-danger h5,
+.dark-mode blockquote.quote-danger h6 {
+  color: #dc3545;
+}
+
+.dark-mode blockquote.quote-light {
+  border-color: #f8f9fa;
+}
+
+.dark-mode blockquote.quote-light h1,
+.dark-mode blockquote.quote-light h2,
+.dark-mode blockquote.quote-light h3,
+.dark-mode blockquote.quote-light h4,
+.dark-mode blockquote.quote-light h5,
+.dark-mode blockquote.quote-light h6 {
+  color: #f8f9fa;
+}
+
+.dark-mode blockquote.quote-dark {
+  border-color: #343a40;
+}
+
+.dark-mode blockquote.quote-dark h1,
+.dark-mode blockquote.quote-dark h2,
+.dark-mode blockquote.quote-dark h3,
+.dark-mode blockquote.quote-dark h4,
+.dark-mode blockquote.quote-dark h5,
+.dark-mode blockquote.quote-dark h6 {
+  color: #343a40;
+}
+
+.dark-mode blockquote.quote-lightblue {
+  border-color: #3c8dbc;
+}
+
+.dark-mode blockquote.quote-lightblue h1,
+.dark-mode blockquote.quote-lightblue h2,
+.dark-mode blockquote.quote-lightblue h3,
+.dark-mode blockquote.quote-lightblue h4,
+.dark-mode blockquote.quote-lightblue h5,
+.dark-mode blockquote.quote-lightblue h6 {
+  color: #3c8dbc;
+}
+
+.dark-mode blockquote.quote-navy {
+  border-color: #001f3f;
+}
+
+.dark-mode blockquote.quote-navy h1,
+.dark-mode blockquote.quote-navy h2,
+.dark-mode blockquote.quote-navy h3,
+.dark-mode blockquote.quote-navy h4,
+.dark-mode blockquote.quote-navy h5,
+.dark-mode blockquote.quote-navy h6 {
+  color: #001f3f;
+}
+
+.dark-mode blockquote.quote-olive {
+  border-color: #3d9970;
+}
+
+.dark-mode blockquote.quote-olive h1,
+.dark-mode blockquote.quote-olive h2,
+.dark-mode blockquote.quote-olive h3,
+.dark-mode blockquote.quote-olive h4,
+.dark-mode blockquote.quote-olive h5,
+.dark-mode blockquote.quote-olive h6 {
+  color: #3d9970;
+}
+
+.dark-mode blockquote.quote-lime {
+  border-color: #01ff70;
+}
+
+.dark-mode blockquote.quote-lime h1,
+.dark-mode blockquote.quote-lime h2,
+.dark-mode blockquote.quote-lime h3,
+.dark-mode blockquote.quote-lime h4,
+.dark-mode blockquote.quote-lime h5,
+.dark-mode blockquote.quote-lime h6 {
+  color: #01ff70;
+}
+
+.dark-mode blockquote.quote-fuchsia {
+  border-color: #f012be;
+}
+
+.dark-mode blockquote.quote-fuchsia h1,
+.dark-mode blockquote.quote-fuchsia h2,
+.dark-mode blockquote.quote-fuchsia h3,
+.dark-mode blockquote.quote-fuchsia h4,
+.dark-mode blockquote.quote-fuchsia h5,
+.dark-mode blockquote.quote-fuchsia h6 {
+  color: #f012be;
+}
+
+.dark-mode blockquote.quote-maroon {
+  border-color: #d81b60;
+}
+
+.dark-mode blockquote.quote-maroon h1,
+.dark-mode blockquote.quote-maroon h2,
+.dark-mode blockquote.quote-maroon h3,
+.dark-mode blockquote.quote-maroon h4,
+.dark-mode blockquote.quote-maroon h5,
+.dark-mode blockquote.quote-maroon h6 {
+  color: #d81b60;
+}
+
+.dark-mode blockquote.quote-blue {
+  border-color: #007bff;
+}
+
+.dark-mode blockquote.quote-blue h1,
+.dark-mode blockquote.quote-blue h2,
+.dark-mode blockquote.quote-blue h3,
+.dark-mode blockquote.quote-blue h4,
+.dark-mode blockquote.quote-blue h5,
+.dark-mode blockquote.quote-blue h6 {
+  color: #007bff;
+}
+
+.dark-mode blockquote.quote-indigo {
+  border-color: #6610f2;
+}
+
+.dark-mode blockquote.quote-indigo h1,
+.dark-mode blockquote.quote-indigo h2,
+.dark-mode blockquote.quote-indigo h3,
+.dark-mode blockquote.quote-indigo h4,
+.dark-mode blockquote.quote-indigo h5,
+.dark-mode blockquote.quote-indigo h6 {
+  color: #6610f2;
+}
+
+.dark-mode blockquote.quote-purple {
+  border-color: #6f42c1;
+}
+
+.dark-mode blockquote.quote-purple h1,
+.dark-mode blockquote.quote-purple h2,
+.dark-mode blockquote.quote-purple h3,
+.dark-mode blockquote.quote-purple h4,
+.dark-mode blockquote.quote-purple h5,
+.dark-mode blockquote.quote-purple h6 {
+  color: #6f42c1;
+}
+
+.dark-mode blockquote.quote-pink {
+  border-color: #e83e8c;
+}
+
+.dark-mode blockquote.quote-pink h1,
+.dark-mode blockquote.quote-pink h2,
+.dark-mode blockquote.quote-pink h3,
+.dark-mode blockquote.quote-pink h4,
+.dark-mode blockquote.quote-pink h5,
+.dark-mode blockquote.quote-pink h6 {
+  color: #e83e8c;
+}
+
+.dark-mode blockquote.quote-red {
+  border-color: #dc3545;
+}
+
+.dark-mode blockquote.quote-red h1,
+.dark-mode blockquote.quote-red h2,
+.dark-mode blockquote.quote-red h3,
+.dark-mode blockquote.quote-red h4,
+.dark-mode blockquote.quote-red h5,
+.dark-mode blockquote.quote-red h6 {
+  color: #dc3545;
+}
+
+.dark-mode blockquote.quote-orange {
+  border-color: #fd7e14;
+}
+
+.dark-mode blockquote.quote-orange h1,
+.dark-mode blockquote.quote-orange h2,
+.dark-mode blockquote.quote-orange h3,
+.dark-mode blockquote.quote-orange h4,
+.dark-mode blockquote.quote-orange h5,
+.dark-mode blockquote.quote-orange h6 {
+  color: #fd7e14;
+}
+
+.dark-mode blockquote.quote-yellow {
+  border-color: #ffc107;
+}
+
+.dark-mode blockquote.quote-yellow h1,
+.dark-mode blockquote.quote-yellow h2,
+.dark-mode blockquote.quote-yellow h3,
+.dark-mode blockquote.quote-yellow h4,
+.dark-mode blockquote.quote-yellow h5,
+.dark-mode blockquote.quote-yellow h6 {
+  color: #ffc107;
+}
+
+.dark-mode blockquote.quote-green {
+  border-color: #28a745;
+}
+
+.dark-mode blockquote.quote-green h1,
+.dark-mode blockquote.quote-green h2,
+.dark-mode blockquote.quote-green h3,
+.dark-mode blockquote.quote-green h4,
+.dark-mode blockquote.quote-green h5,
+.dark-mode blockquote.quote-green h6 {
+  color: #28a745;
+}
+
+.dark-mode blockquote.quote-teal {
+  border-color: #20c997;
+}
+
+.dark-mode blockquote.quote-teal h1,
+.dark-mode blockquote.quote-teal h2,
+.dark-mode blockquote.quote-teal h3,
+.dark-mode blockquote.quote-teal h4,
+.dark-mode blockquote.quote-teal h5,
+.dark-mode blockquote.quote-teal h6 {
+  color: #20c997;
+}
+
+.dark-mode blockquote.quote-cyan {
+  border-color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-cyan h1,
+.dark-mode blockquote.quote-cyan h2,
+.dark-mode blockquote.quote-cyan h3,
+.dark-mode blockquote.quote-cyan h4,
+.dark-mode blockquote.quote-cyan h5,
+.dark-mode blockquote.quote-cyan h6 {
+  color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-white {
+  border-color: #fff;
+}
+
+.dark-mode blockquote.quote-white h1,
+.dark-mode blockquote.quote-white h2,
+.dark-mode blockquote.quote-white h3,
+.dark-mode blockquote.quote-white h4,
+.dark-mode blockquote.quote-white h5,
+.dark-mode blockquote.quote-white h6 {
+  color: #fff;
+}
+
+.dark-mode blockquote.quote-gray {
+  border-color: #6c757d;
+}
+
+.dark-mode blockquote.quote-gray h1,
+.dark-mode blockquote.quote-gray h2,
+.dark-mode blockquote.quote-gray h3,
+.dark-mode blockquote.quote-gray h4,
+.dark-mode blockquote.quote-gray h5,
+.dark-mode blockquote.quote-gray h6 {
+  color: #6c757d;
+}
+
+.dark-mode blockquote.quote-gray-dark {
+  border-color: #343a40;
+}
+
+.dark-mode blockquote.quote-gray-dark h1,
+.dark-mode blockquote.quote-gray-dark h2,
+.dark-mode blockquote.quote-gray-dark h3,
+.dark-mode blockquote.quote-gray-dark h4,
+.dark-mode blockquote.quote-gray-dark h5,
+.dark-mode blockquote.quote-gray-dark h6 {
+  color: #343a40;
+}
+
+.dark-mode .close, .dark-mode .mailbox-attachment-close,
+.dark-mode .mailbox-attachment-close {
+  color: #adb5bd;
+  text-shadow: 0 1px 0 #495057;
+}
+
+.dark-mode .tab-custom-content {
+  border-color: #6c757d;
+}
+
+.dark-mode .list-group-item {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
 @media print {
-  .no-print,
-  .main-sidebar,
-  .left-side,
+  .no-print, .main-sidebar,
   .main-header,
   .content-header {
     display: none !important;
   }
   .content-wrapper,
-  .right-side,
   .main-footer {
+    transform: translate(0, 0);
     margin-left: 0 !important;
     min-height: 0 !important;
-    transform: translate(0, 0) !important;
   }
-  .fixed .content-wrapper,
-  .fixed .right-side {
+  .layout-fixed .content-wrapper {
     padding-top: 0 !important;
   }
   .invoice {
-    width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
+    width: 100%;
   }
   .invoice-col {
     float: left;
@@ -5418,3 +45297,7409 @@ hr {
   }
 }
 
+.text-bold,
+.text-bold.table td,
+.text-bold.table th {
+  font-weight: 700;
+}
+
+.text-xs {
+  font-size: 0.75rem !important;
+}
+
+.text-sm {
+  font-size: 0.875rem !important;
+}
+
+.text-md {
+  font-size: 1rem !important;
+}
+
+.text-lg {
+  font-size: 1.25rem !important;
+}
+
+.text-xl {
+  font-size: 2rem !important;
+}
+
+.text-lightblue {
+  color: #3c8dbc !important;
+}
+
+.text-navy {
+  color: #001f3f !important;
+}
+
+.text-olive {
+  color: #3d9970 !important;
+}
+
+.text-lime {
+  color: #01ff70 !important;
+}
+
+.text-fuchsia {
+  color: #f012be !important;
+}
+
+.text-maroon {
+  color: #d81b60 !important;
+}
+
+.text-blue {
+  color: #007bff !important;
+}
+
+.text-indigo {
+  color: #6610f2 !important;
+}
+
+.text-purple {
+  color: #6f42c1 !important;
+}
+
+.text-pink {
+  color: #e83e8c !important;
+}
+
+.text-red {
+  color: #dc3545 !important;
+}
+
+.text-orange {
+  color: #fd7e14 !important;
+}
+
+.text-yellow {
+  color: #ffc107 !important;
+}
+
+.text-green {
+  color: #28a745 !important;
+}
+
+.text-teal {
+  color: #20c997 !important;
+}
+
+.text-cyan {
+  color: #17a2b8 !important;
+}
+
+.text-white {
+  color: #fff !important;
+}
+
+.text-gray {
+  color: #6c757d !important;
+}
+
+.text-gray-dark {
+  color: #343a40 !important;
+}
+
+.dark-mode .text-muted {
+  color: #adb5bd !important;
+}
+
+.dark-mode .text-lightblue {
+  color: #86bad8 !important;
+}
+
+.dark-mode .text-navy {
+  color: #002c59 !important;
+}
+
+.dark-mode .text-olive {
+  color: #74c8a3 !important;
+}
+
+.dark-mode .text-lime {
+  color: #67ffa9 !important;
+}
+
+.dark-mode .text-fuchsia {
+  color: #f672d8 !important;
+}
+
+.dark-mode .text-maroon {
+  color: #ed6c9b !important;
+}
+
+.dark-mode .text-blue {
+  color: #3f6791 !important;
+}
+
+.dark-mode .text-indigo {
+  color: #6610f2 !important;
+}
+
+.dark-mode .text-purple {
+  color: #6f42c1 !important;
+}
+
+.dark-mode .text-pink {
+  color: #e83e8c !important;
+}
+
+.dark-mode .text-red {
+  color: #e74c3c !important;
+}
+
+.dark-mode .text-orange {
+  color: #fd7e14 !important;
+}
+
+.dark-mode .text-yellow {
+  color: #f39c12 !important;
+}
+
+.dark-mode .text-green {
+  color: #00bc8c !important;
+}
+
+.dark-mode .text-teal {
+  color: #20c997 !important;
+}
+
+.dark-mode .text-cyan {
+  color: #3498db !important;
+}
+
+.dark-mode .text-white {
+  color: #fff !important;
+}
+
+.dark-mode .text-gray {
+  color: #6c757d !important;
+}
+
+.dark-mode .text-gray-dark {
+  color: #343a40 !important;
+}
+
+.elevation-0 {
+  box-shadow: none !important;
+}
+
+.elevation-1 {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
+}
+
+.elevation-2 {
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
+}
+
+.elevation-3 {
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
+}
+
+.elevation-4 {
+  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
+}
+
+.elevation-5 {
+  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
+}
+
+.bg-primary {
+  background-color: #007bff !important;
+}
+
+.bg-primary,
+.bg-primary > a {
+  color: #fff !important;
+}
+
+.bg-primary.btn:hover {
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active {
+  background-color: #0062cc !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+.bg-secondary,
+.bg-secondary > a {
+  color: #fff !important;
+}
+
+.bg-secondary.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-success {
+  background-color: #28a745 !important;
+}
+
+.bg-success,
+.bg-success > a {
+  color: #fff !important;
+}
+
+.bg-success.btn:hover {
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active {
+  background-color: #1e7e34 !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-info {
+  background-color: #17a2b8 !important;
+}
+
+.bg-info,
+.bg-info > a {
+  color: #fff !important;
+}
+
+.bg-info.btn:hover {
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active {
+  background-color: #117a8b !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-warning {
+  background-color: #ffc107 !important;
+}
+
+.bg-warning,
+.bg-warning > a {
+  color: #1f2d3d !important;
+}
+
+.bg-warning.btn:hover {
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active {
+  background-color: #d39e00 !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-danger {
+  background-color: #dc3545 !important;
+}
+
+.bg-danger,
+.bg-danger > a {
+  color: #fff !important;
+}
+
+.bg-danger.btn:hover {
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active {
+  background-color: #bd2130 !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+.bg-light,
+.bg-light > a {
+  color: #1f2d3d !important;
+}
+
+.bg-light.btn:hover {
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active {
+  background-color: #dae0e5 !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.bg-dark {
+  background-color: #343a40 !important;
+}
+
+.bg-dark,
+.bg-dark > a {
+  color: #fff !important;
+}
+
+.bg-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.bg-lightblue {
+  background-color: #3c8dbc !important;
+}
+
+.bg-lightblue,
+.bg-lightblue > a {
+  color: #fff !important;
+}
+
+.bg-lightblue.btn:hover {
+  border-color: #307095;
+  color: #ececec;
+}
+
+.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active {
+  background-color: #307095 !important;
+  border-color: #2d698c;
+  color: #fff;
+}
+
+.bg-navy {
+  background-color: #001f3f !important;
+}
+
+.bg-navy,
+.bg-navy > a {
+  color: #fff !important;
+}
+
+.bg-navy.btn:hover {
+  border-color: #00060c;
+  color: #ececec;
+}
+
+.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active {
+  background-color: #00060c !important;
+  border-color: black;
+  color: #fff;
+}
+
+.bg-olive {
+  background-color: #3d9970 !important;
+}
+
+.bg-olive,
+.bg-olive > a {
+  color: #fff !important;
+}
+
+.bg-olive.btn:hover {
+  border-color: #2e7555;
+  color: #ececec;
+}
+
+.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active {
+  background-color: #2e7555 !important;
+  border-color: #2b6b4f;
+  color: #fff;
+}
+
+.bg-lime {
+  background-color: #01ff70 !important;
+}
+
+.bg-lime,
+.bg-lime > a {
+  color: #1f2d3d !important;
+}
+
+.bg-lime.btn:hover {
+  border-color: #00cd5a;
+  color: #121a24;
+}
+
+.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active {
+  background-color: #00cd5a !important;
+  border-color: #00c054;
+  color: #fff;
+}
+
+.bg-fuchsia {
+  background-color: #f012be !important;
+}
+
+.bg-fuchsia,
+.bg-fuchsia > a {
+  color: #fff !important;
+}
+
+.bg-fuchsia.btn:hover {
+  border-color: #c30c9a;
+  color: #ececec;
+}
+
+.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active {
+  background-color: #c30c9a !important;
+  border-color: #b70c90;
+  color: #fff;
+}
+
+.bg-maroon {
+  background-color: #d81b60 !important;
+}
+
+.bg-maroon,
+.bg-maroon > a {
+  color: #fff !important;
+}
+
+.bg-maroon.btn:hover {
+  border-color: #ab154c;
+  color: #ececec;
+}
+
+.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active {
+  background-color: #ab154c !important;
+  border-color: #9f1447;
+  color: #fff;
+}
+
+.bg-blue {
+  background-color: #007bff !important;
+}
+
+.bg-blue,
+.bg-blue > a {
+  color: #fff !important;
+}
+
+.bg-blue.btn:hover {
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active {
+  background-color: #0062cc !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-indigo {
+  background-color: #6610f2 !important;
+}
+
+.bg-indigo,
+.bg-indigo > a {
+  color: #fff !important;
+}
+
+.bg-indigo.btn:hover {
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active {
+  background-color: #510bc4 !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.bg-purple {
+  background-color: #6f42c1 !important;
+}
+
+.bg-purple,
+.bg-purple > a {
+  color: #fff !important;
+}
+
+.bg-purple.btn:hover {
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active {
+  background-color: #59339d !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.bg-pink {
+  background-color: #e83e8c !important;
+}
+
+.bg-pink,
+.bg-pink > a {
+  color: #fff !important;
+}
+
+.bg-pink.btn:hover {
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active {
+  background-color: #d91a72 !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.bg-red {
+  background-color: #dc3545 !important;
+}
+
+.bg-red,
+.bg-red > a {
+  color: #fff !important;
+}
+
+.bg-red.btn:hover {
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active {
+  background-color: #bd2130 !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-orange {
+  background-color: #fd7e14 !important;
+}
+
+.bg-orange,
+.bg-orange > a {
+  color: #1f2d3d !important;
+}
+
+.bg-orange.btn:hover {
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active {
+  background-color: #dc6502 !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.bg-yellow {
+  background-color: #ffc107 !important;
+}
+
+.bg-yellow,
+.bg-yellow > a {
+  color: #1f2d3d !important;
+}
+
+.bg-yellow.btn:hover {
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active {
+  background-color: #d39e00 !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-green {
+  background-color: #28a745 !important;
+}
+
+.bg-green,
+.bg-green > a {
+  color: #fff !important;
+}
+
+.bg-green.btn:hover {
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active {
+  background-color: #1e7e34 !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-teal {
+  background-color: #20c997 !important;
+}
+
+.bg-teal,
+.bg-teal > a {
+  color: #fff !important;
+}
+
+.bg-teal.btn:hover {
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active {
+  background-color: #199d76 !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.bg-cyan {
+  background-color: #17a2b8 !important;
+}
+
+.bg-cyan,
+.bg-cyan > a {
+  color: #fff !important;
+}
+
+.bg-cyan.btn:hover {
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active {
+  background-color: #117a8b !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.bg-white,
+.bg-white > a {
+  color: #1f2d3d !important;
+}
+
+.bg-white.btn:hover {
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active {
+  background-color: #e6e6e6 !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.bg-gray {
+  background-color: #6c757d !important;
+}
+
+.bg-gray,
+.bg-gray > a {
+  color: #fff !important;
+}
+
+.bg-gray.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-gray-dark {
+  background-color: #343a40 !important;
+}
+
+.bg-gray-dark,
+.bg-gray-dark > a {
+  color: #fff !important;
+}
+
+.bg-gray-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+@media print {
+  .table td.bg-primary,
+  .table th.bg-primary {
+    background-color: #007bff !important;
+  }
+  .table td.bg-primary,
+  .table td.bg-primary > a,
+  .table th.bg-primary,
+  .table th.bg-primary > a {
+    color: #fff !important;
+  }
+  .table td.bg-primary.btn:hover,
+  .table th.bg-primary.btn:hover {
+    border-color: #0062cc;
+    color: #ececec;
+  }
+  .table td.bg-primary.btn:not(:disabled):not(.disabled):active, .table td.bg-primary.btn:not(:disabled):not(.disabled).active, .table td.bg-primary.btn:active, .table td.bg-primary.btn.active,
+  .table th.bg-primary.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-primary.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-primary.btn:active,
+  .table th.bg-primary.btn.active {
+    background-color: #0062cc !important;
+    border-color: #005cbf;
+    color: #fff;
+  }
+  .table td.bg-secondary,
+  .table th.bg-secondary {
+    background-color: #6c757d !important;
+  }
+  .table td.bg-secondary,
+  .table td.bg-secondary > a,
+  .table th.bg-secondary,
+  .table th.bg-secondary > a {
+    color: #fff !important;
+  }
+  .table td.bg-secondary.btn:hover,
+  .table th.bg-secondary.btn:hover {
+    border-color: #545b62;
+    color: #ececec;
+  }
+  .table td.bg-secondary.btn:not(:disabled):not(.disabled):active, .table td.bg-secondary.btn:not(:disabled):not(.disabled).active, .table td.bg-secondary.btn:active, .table td.bg-secondary.btn.active,
+  .table th.bg-secondary.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-secondary.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-secondary.btn:active,
+  .table th.bg-secondary.btn.active {
+    background-color: #545b62 !important;
+    border-color: #4e555b;
+    color: #fff;
+  }
+  .table td.bg-success,
+  .table th.bg-success {
+    background-color: #28a745 !important;
+  }
+  .table td.bg-success,
+  .table td.bg-success > a,
+  .table th.bg-success,
+  .table th.bg-success > a {
+    color: #fff !important;
+  }
+  .table td.bg-success.btn:hover,
+  .table th.bg-success.btn:hover {
+    border-color: #1e7e34;
+    color: #ececec;
+  }
+  .table td.bg-success.btn:not(:disabled):not(.disabled):active, .table td.bg-success.btn:not(:disabled):not(.disabled).active, .table td.bg-success.btn:active, .table td.bg-success.btn.active,
+  .table th.bg-success.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-success.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-success.btn:active,
+  .table th.bg-success.btn.active {
+    background-color: #1e7e34 !important;
+    border-color: #1c7430;
+    color: #fff;
+  }
+  .table td.bg-info,
+  .table th.bg-info {
+    background-color: #17a2b8 !important;
+  }
+  .table td.bg-info,
+  .table td.bg-info > a,
+  .table th.bg-info,
+  .table th.bg-info > a {
+    color: #fff !important;
+  }
+  .table td.bg-info.btn:hover,
+  .table th.bg-info.btn:hover {
+    border-color: #117a8b;
+    color: #ececec;
+  }
+  .table td.bg-info.btn:not(:disabled):not(.disabled):active, .table td.bg-info.btn:not(:disabled):not(.disabled).active, .table td.bg-info.btn:active, .table td.bg-info.btn.active,
+  .table th.bg-info.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-info.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-info.btn:active,
+  .table th.bg-info.btn.active {
+    background-color: #117a8b !important;
+    border-color: #10707f;
+    color: #fff;
+  }
+  .table td.bg-warning,
+  .table th.bg-warning {
+    background-color: #ffc107 !important;
+  }
+  .table td.bg-warning,
+  .table td.bg-warning > a,
+  .table th.bg-warning,
+  .table th.bg-warning > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-warning.btn:hover,
+  .table th.bg-warning.btn:hover {
+    border-color: #d39e00;
+    color: #121a24;
+  }
+  .table td.bg-warning.btn:not(:disabled):not(.disabled):active, .table td.bg-warning.btn:not(:disabled):not(.disabled).active, .table td.bg-warning.btn:active, .table td.bg-warning.btn.active,
+  .table th.bg-warning.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-warning.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-warning.btn:active,
+  .table th.bg-warning.btn.active {
+    background-color: #d39e00 !important;
+    border-color: #c69500;
+    color: #1f2d3d;
+  }
+  .table td.bg-danger,
+  .table th.bg-danger {
+    background-color: #dc3545 !important;
+  }
+  .table td.bg-danger,
+  .table td.bg-danger > a,
+  .table th.bg-danger,
+  .table th.bg-danger > a {
+    color: #fff !important;
+  }
+  .table td.bg-danger.btn:hover,
+  .table th.bg-danger.btn:hover {
+    border-color: #bd2130;
+    color: #ececec;
+  }
+  .table td.bg-danger.btn:not(:disabled):not(.disabled):active, .table td.bg-danger.btn:not(:disabled):not(.disabled).active, .table td.bg-danger.btn:active, .table td.bg-danger.btn.active,
+  .table th.bg-danger.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-danger.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-danger.btn:active,
+  .table th.bg-danger.btn.active {
+    background-color: #bd2130 !important;
+    border-color: #b21f2d;
+    color: #fff;
+  }
+  .table td.bg-light,
+  .table th.bg-light {
+    background-color: #f8f9fa !important;
+  }
+  .table td.bg-light,
+  .table td.bg-light > a,
+  .table th.bg-light,
+  .table th.bg-light > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-light.btn:hover,
+  .table th.bg-light.btn:hover {
+    border-color: #dae0e5;
+    color: #121a24;
+  }
+  .table td.bg-light.btn:not(:disabled):not(.disabled):active, .table td.bg-light.btn:not(:disabled):not(.disabled).active, .table td.bg-light.btn:active, .table td.bg-light.btn.active,
+  .table th.bg-light.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-light.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-light.btn:active,
+  .table th.bg-light.btn.active {
+    background-color: #dae0e5 !important;
+    border-color: #d3d9df;
+    color: #1f2d3d;
+  }
+  .table td.bg-dark,
+  .table th.bg-dark {
+    background-color: #343a40 !important;
+  }
+  .table td.bg-dark,
+  .table td.bg-dark > a,
+  .table th.bg-dark,
+  .table th.bg-dark > a {
+    color: #fff !important;
+  }
+  .table td.bg-dark.btn:hover,
+  .table th.bg-dark.btn:hover {
+    border-color: #1d2124;
+    color: #ececec;
+  }
+  .table td.bg-dark.btn:not(:disabled):not(.disabled):active, .table td.bg-dark.btn:not(:disabled):not(.disabled).active, .table td.bg-dark.btn:active, .table td.bg-dark.btn.active,
+  .table th.bg-dark.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-dark.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-dark.btn:active,
+  .table th.bg-dark.btn.active {
+    background-color: #1d2124 !important;
+    border-color: #171a1d;
+    color: #fff;
+  }
+  .table td.bg-lightblue,
+  .table th.bg-lightblue {
+    background-color: #3c8dbc !important;
+  }
+  .table td.bg-lightblue,
+  .table td.bg-lightblue > a,
+  .table th.bg-lightblue,
+  .table th.bg-lightblue > a {
+    color: #fff !important;
+  }
+  .table td.bg-lightblue.btn:hover,
+  .table th.bg-lightblue.btn:hover {
+    border-color: #307095;
+    color: #ececec;
+  }
+  .table td.bg-lightblue.btn:not(:disabled):not(.disabled):active, .table td.bg-lightblue.btn:not(:disabled):not(.disabled).active, .table td.bg-lightblue.btn:active, .table td.bg-lightblue.btn.active,
+  .table th.bg-lightblue.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-lightblue.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-lightblue.btn:active,
+  .table th.bg-lightblue.btn.active {
+    background-color: #307095 !important;
+    border-color: #2d698c;
+    color: #fff;
+  }
+  .table td.bg-navy,
+  .table th.bg-navy {
+    background-color: #001f3f !important;
+  }
+  .table td.bg-navy,
+  .table td.bg-navy > a,
+  .table th.bg-navy,
+  .table th.bg-navy > a {
+    color: #fff !important;
+  }
+  .table td.bg-navy.btn:hover,
+  .table th.bg-navy.btn:hover {
+    border-color: #00060c;
+    color: #ececec;
+  }
+  .table td.bg-navy.btn:not(:disabled):not(.disabled):active, .table td.bg-navy.btn:not(:disabled):not(.disabled).active, .table td.bg-navy.btn:active, .table td.bg-navy.btn.active,
+  .table th.bg-navy.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-navy.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-navy.btn:active,
+  .table th.bg-navy.btn.active {
+    background-color: #00060c !important;
+    border-color: black;
+    color: #fff;
+  }
+  .table td.bg-olive,
+  .table th.bg-olive {
+    background-color: #3d9970 !important;
+  }
+  .table td.bg-olive,
+  .table td.bg-olive > a,
+  .table th.bg-olive,
+  .table th.bg-olive > a {
+    color: #fff !important;
+  }
+  .table td.bg-olive.btn:hover,
+  .table th.bg-olive.btn:hover {
+    border-color: #2e7555;
+    color: #ececec;
+  }
+  .table td.bg-olive.btn:not(:disabled):not(.disabled):active, .table td.bg-olive.btn:not(:disabled):not(.disabled).active, .table td.bg-olive.btn:active, .table td.bg-olive.btn.active,
+  .table th.bg-olive.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-olive.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-olive.btn:active,
+  .table th.bg-olive.btn.active {
+    background-color: #2e7555 !important;
+    border-color: #2b6b4f;
+    color: #fff;
+  }
+  .table td.bg-lime,
+  .table th.bg-lime {
+    background-color: #01ff70 !important;
+  }
+  .table td.bg-lime,
+  .table td.bg-lime > a,
+  .table th.bg-lime,
+  .table th.bg-lime > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-lime.btn:hover,
+  .table th.bg-lime.btn:hover {
+    border-color: #00cd5a;
+    color: #121a24;
+  }
+  .table td.bg-lime.btn:not(:disabled):not(.disabled):active, .table td.bg-lime.btn:not(:disabled):not(.disabled).active, .table td.bg-lime.btn:active, .table td.bg-lime.btn.active,
+  .table th.bg-lime.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-lime.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-lime.btn:active,
+  .table th.bg-lime.btn.active {
+    background-color: #00cd5a !important;
+    border-color: #00c054;
+    color: #fff;
+  }
+  .table td.bg-fuchsia,
+  .table th.bg-fuchsia {
+    background-color: #f012be !important;
+  }
+  .table td.bg-fuchsia,
+  .table td.bg-fuchsia > a,
+  .table th.bg-fuchsia,
+  .table th.bg-fuchsia > a {
+    color: #fff !important;
+  }
+  .table td.bg-fuchsia.btn:hover,
+  .table th.bg-fuchsia.btn:hover {
+    border-color: #c30c9a;
+    color: #ececec;
+  }
+  .table td.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .table td.bg-fuchsia.btn:not(:disabled):not(.disabled).active, .table td.bg-fuchsia.btn:active, .table td.bg-fuchsia.btn.active,
+  .table th.bg-fuchsia.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-fuchsia.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-fuchsia.btn:active,
+  .table th.bg-fuchsia.btn.active {
+    background-color: #c30c9a !important;
+    border-color: #b70c90;
+    color: #fff;
+  }
+  .table td.bg-maroon,
+  .table th.bg-maroon {
+    background-color: #d81b60 !important;
+  }
+  .table td.bg-maroon,
+  .table td.bg-maroon > a,
+  .table th.bg-maroon,
+  .table th.bg-maroon > a {
+    color: #fff !important;
+  }
+  .table td.bg-maroon.btn:hover,
+  .table th.bg-maroon.btn:hover {
+    border-color: #ab154c;
+    color: #ececec;
+  }
+  .table td.bg-maroon.btn:not(:disabled):not(.disabled):active, .table td.bg-maroon.btn:not(:disabled):not(.disabled).active, .table td.bg-maroon.btn:active, .table td.bg-maroon.btn.active,
+  .table th.bg-maroon.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-maroon.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-maroon.btn:active,
+  .table th.bg-maroon.btn.active {
+    background-color: #ab154c !important;
+    border-color: #9f1447;
+    color: #fff;
+  }
+  .table td.bg-blue,
+  .table th.bg-blue {
+    background-color: #007bff !important;
+  }
+  .table td.bg-blue,
+  .table td.bg-blue > a,
+  .table th.bg-blue,
+  .table th.bg-blue > a {
+    color: #fff !important;
+  }
+  .table td.bg-blue.btn:hover,
+  .table th.bg-blue.btn:hover {
+    border-color: #0062cc;
+    color: #ececec;
+  }
+  .table td.bg-blue.btn:not(:disabled):not(.disabled):active, .table td.bg-blue.btn:not(:disabled):not(.disabled).active, .table td.bg-blue.btn:active, .table td.bg-blue.btn.active,
+  .table th.bg-blue.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-blue.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-blue.btn:active,
+  .table th.bg-blue.btn.active {
+    background-color: #0062cc !important;
+    border-color: #005cbf;
+    color: #fff;
+  }
+  .table td.bg-indigo,
+  .table th.bg-indigo {
+    background-color: #6610f2 !important;
+  }
+  .table td.bg-indigo,
+  .table td.bg-indigo > a,
+  .table th.bg-indigo,
+  .table th.bg-indigo > a {
+    color: #fff !important;
+  }
+  .table td.bg-indigo.btn:hover,
+  .table th.bg-indigo.btn:hover {
+    border-color: #510bc4;
+    color: #ececec;
+  }
+  .table td.bg-indigo.btn:not(:disabled):not(.disabled):active, .table td.bg-indigo.btn:not(:disabled):not(.disabled).active, .table td.bg-indigo.btn:active, .table td.bg-indigo.btn.active,
+  .table th.bg-indigo.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-indigo.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-indigo.btn:active,
+  .table th.bg-indigo.btn.active {
+    background-color: #510bc4 !important;
+    border-color: #4c0ab8;
+    color: #fff;
+  }
+  .table td.bg-purple,
+  .table th.bg-purple {
+    background-color: #6f42c1 !important;
+  }
+  .table td.bg-purple,
+  .table td.bg-purple > a,
+  .table th.bg-purple,
+  .table th.bg-purple > a {
+    color: #fff !important;
+  }
+  .table td.bg-purple.btn:hover,
+  .table th.bg-purple.btn:hover {
+    border-color: #59339d;
+    color: #ececec;
+  }
+  .table td.bg-purple.btn:not(:disabled):not(.disabled):active, .table td.bg-purple.btn:not(:disabled):not(.disabled).active, .table td.bg-purple.btn:active, .table td.bg-purple.btn.active,
+  .table th.bg-purple.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-purple.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-purple.btn:active,
+  .table th.bg-purple.btn.active {
+    background-color: #59339d !important;
+    border-color: #533093;
+    color: #fff;
+  }
+  .table td.bg-pink,
+  .table th.bg-pink {
+    background-color: #e83e8c !important;
+  }
+  .table td.bg-pink,
+  .table td.bg-pink > a,
+  .table th.bg-pink,
+  .table th.bg-pink > a {
+    color: #fff !important;
+  }
+  .table td.bg-pink.btn:hover,
+  .table th.bg-pink.btn:hover {
+    border-color: #d91a72;
+    color: #ececec;
+  }
+  .table td.bg-pink.btn:not(:disabled):not(.disabled):active, .table td.bg-pink.btn:not(:disabled):not(.disabled).active, .table td.bg-pink.btn:active, .table td.bg-pink.btn.active,
+  .table th.bg-pink.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-pink.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-pink.btn:active,
+  .table th.bg-pink.btn.active {
+    background-color: #d91a72 !important;
+    border-color: #ce196c;
+    color: #fff;
+  }
+  .table td.bg-red,
+  .table th.bg-red {
+    background-color: #dc3545 !important;
+  }
+  .table td.bg-red,
+  .table td.bg-red > a,
+  .table th.bg-red,
+  .table th.bg-red > a {
+    color: #fff !important;
+  }
+  .table td.bg-red.btn:hover,
+  .table th.bg-red.btn:hover {
+    border-color: #bd2130;
+    color: #ececec;
+  }
+  .table td.bg-red.btn:not(:disabled):not(.disabled):active, .table td.bg-red.btn:not(:disabled):not(.disabled).active, .table td.bg-red.btn:active, .table td.bg-red.btn.active,
+  .table th.bg-red.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-red.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-red.btn:active,
+  .table th.bg-red.btn.active {
+    background-color: #bd2130 !important;
+    border-color: #b21f2d;
+    color: #fff;
+  }
+  .table td.bg-orange,
+  .table th.bg-orange {
+    background-color: #fd7e14 !important;
+  }
+  .table td.bg-orange,
+  .table td.bg-orange > a,
+  .table th.bg-orange,
+  .table th.bg-orange > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-orange.btn:hover,
+  .table th.bg-orange.btn:hover {
+    border-color: #dc6502;
+    color: #121a24;
+  }
+  .table td.bg-orange.btn:not(:disabled):not(.disabled):active, .table td.bg-orange.btn:not(:disabled):not(.disabled).active, .table td.bg-orange.btn:active, .table td.bg-orange.btn.active,
+  .table th.bg-orange.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-orange.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-orange.btn:active,
+  .table th.bg-orange.btn.active {
+    background-color: #dc6502 !important;
+    border-color: #cf5f02;
+    color: #fff;
+  }
+  .table td.bg-yellow,
+  .table th.bg-yellow {
+    background-color: #ffc107 !important;
+  }
+  .table td.bg-yellow,
+  .table td.bg-yellow > a,
+  .table th.bg-yellow,
+  .table th.bg-yellow > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-yellow.btn:hover,
+  .table th.bg-yellow.btn:hover {
+    border-color: #d39e00;
+    color: #121a24;
+  }
+  .table td.bg-yellow.btn:not(:disabled):not(.disabled):active, .table td.bg-yellow.btn:not(:disabled):not(.disabled).active, .table td.bg-yellow.btn:active, .table td.bg-yellow.btn.active,
+  .table th.bg-yellow.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-yellow.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-yellow.btn:active,
+  .table th.bg-yellow.btn.active {
+    background-color: #d39e00 !important;
+    border-color: #c69500;
+    color: #1f2d3d;
+  }
+  .table td.bg-green,
+  .table th.bg-green {
+    background-color: #28a745 !important;
+  }
+  .table td.bg-green,
+  .table td.bg-green > a,
+  .table th.bg-green,
+  .table th.bg-green > a {
+    color: #fff !important;
+  }
+  .table td.bg-green.btn:hover,
+  .table th.bg-green.btn:hover {
+    border-color: #1e7e34;
+    color: #ececec;
+  }
+  .table td.bg-green.btn:not(:disabled):not(.disabled):active, .table td.bg-green.btn:not(:disabled):not(.disabled).active, .table td.bg-green.btn:active, .table td.bg-green.btn.active,
+  .table th.bg-green.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-green.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-green.btn:active,
+  .table th.bg-green.btn.active {
+    background-color: #1e7e34 !important;
+    border-color: #1c7430;
+    color: #fff;
+  }
+  .table td.bg-teal,
+  .table th.bg-teal {
+    background-color: #20c997 !important;
+  }
+  .table td.bg-teal,
+  .table td.bg-teal > a,
+  .table th.bg-teal,
+  .table th.bg-teal > a {
+    color: #fff !important;
+  }
+  .table td.bg-teal.btn:hover,
+  .table th.bg-teal.btn:hover {
+    border-color: #199d76;
+    color: #ececec;
+  }
+  .table td.bg-teal.btn:not(:disabled):not(.disabled):active, .table td.bg-teal.btn:not(:disabled):not(.disabled).active, .table td.bg-teal.btn:active, .table td.bg-teal.btn.active,
+  .table th.bg-teal.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-teal.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-teal.btn:active,
+  .table th.bg-teal.btn.active {
+    background-color: #199d76 !important;
+    border-color: #17926e;
+    color: #fff;
+  }
+  .table td.bg-cyan,
+  .table th.bg-cyan {
+    background-color: #17a2b8 !important;
+  }
+  .table td.bg-cyan,
+  .table td.bg-cyan > a,
+  .table th.bg-cyan,
+  .table th.bg-cyan > a {
+    color: #fff !important;
+  }
+  .table td.bg-cyan.btn:hover,
+  .table th.bg-cyan.btn:hover {
+    border-color: #117a8b;
+    color: #ececec;
+  }
+  .table td.bg-cyan.btn:not(:disabled):not(.disabled):active, .table td.bg-cyan.btn:not(:disabled):not(.disabled).active, .table td.bg-cyan.btn:active, .table td.bg-cyan.btn.active,
+  .table th.bg-cyan.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-cyan.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-cyan.btn:active,
+  .table th.bg-cyan.btn.active {
+    background-color: #117a8b !important;
+    border-color: #10707f;
+    color: #fff;
+  }
+  .table td.bg-white,
+  .table th.bg-white {
+    background-color: #fff !important;
+  }
+  .table td.bg-white,
+  .table td.bg-white > a,
+  .table th.bg-white,
+  .table th.bg-white > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-white.btn:hover,
+  .table th.bg-white.btn:hover {
+    border-color: #e6e6e6;
+    color: #121a24;
+  }
+  .table td.bg-white.btn:not(:disabled):not(.disabled):active, .table td.bg-white.btn:not(:disabled):not(.disabled).active, .table td.bg-white.btn:active, .table td.bg-white.btn.active,
+  .table th.bg-white.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-white.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-white.btn:active,
+  .table th.bg-white.btn.active {
+    background-color: #e6e6e6 !important;
+    border-color: #dfdfdf;
+    color: #1f2d3d;
+  }
+  .table td.bg-gray,
+  .table th.bg-gray {
+    background-color: #6c757d !important;
+  }
+  .table td.bg-gray,
+  .table td.bg-gray > a,
+  .table th.bg-gray,
+  .table th.bg-gray > a {
+    color: #fff !important;
+  }
+  .table td.bg-gray.btn:hover,
+  .table th.bg-gray.btn:hover {
+    border-color: #545b62;
+    color: #ececec;
+  }
+  .table td.bg-gray.btn:not(:disabled):not(.disabled):active, .table td.bg-gray.btn:not(:disabled):not(.disabled).active, .table td.bg-gray.btn:active, .table td.bg-gray.btn.active,
+  .table th.bg-gray.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-gray.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-gray.btn:active,
+  .table th.bg-gray.btn.active {
+    background-color: #545b62 !important;
+    border-color: #4e555b;
+    color: #fff;
+  }
+  .table td.bg-gray-dark,
+  .table th.bg-gray-dark {
+    background-color: #343a40 !important;
+  }
+  .table td.bg-gray-dark,
+  .table td.bg-gray-dark > a,
+  .table th.bg-gray-dark,
+  .table th.bg-gray-dark > a {
+    color: #fff !important;
+  }
+  .table td.bg-gray-dark.btn:hover,
+  .table th.bg-gray-dark.btn:hover {
+    border-color: #1d2124;
+    color: #ececec;
+  }
+  .table td.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .table td.bg-gray-dark.btn:not(:disabled):not(.disabled).active, .table td.bg-gray-dark.btn:active, .table td.bg-gray-dark.btn.active,
+  .table th.bg-gray-dark.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-gray-dark.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-gray-dark.btn:active,
+  .table th.bg-gray-dark.btn.active {
+    background-color: #1d2124 !important;
+    border-color: #171a1d;
+    color: #fff;
+  }
+}
+
+.bg-gray {
+  background-color: #adb5bd;
+  color: #1f2d3d;
+}
+
+.bg-gray-light {
+  background-color: #f2f4f5;
+  color: #1f2d3d !important;
+}
+
+.bg-black {
+  background-color: #000;
+  color: #fff !important;
+}
+
+.bg-white {
+  background-color: #fff;
+  color: #1f2d3d !important;
+}
+
+.bg-gradient-primary {
+  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-primary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-primary.btn:hover {
+  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
+  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn.disabled {
+  background-image: none !important;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.bg-gradient-secondary {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-secondary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-secondary.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.bg-gradient-success {
+  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-success.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-success.btn:hover {
+  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
+  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-gradient-success.btn:disabled, .bg-gradient-success.btn.disabled {
+  background-image: none !important;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.bg-gradient-info {
+  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-info.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-info.btn:hover {
+  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
+  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-gradient-info.btn:disabled, .bg-gradient-info.btn.disabled {
+  background-image: none !important;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.bg-gradient-warning {
+  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-warning.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-warning.btn:hover {
+  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
+  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn.disabled {
+  background-image: none !important;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.bg-gradient-danger {
+  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-danger.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-danger.btn:hover {
+  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
+  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn.disabled {
+  background-image: none !important;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.bg-gradient-light {
+  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-light.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-light.btn:hover {
+  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
+  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.bg-gradient-light.btn:disabled, .bg-gradient-light.btn.disabled {
+  background-image: none !important;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.bg-gradient-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.bg-gradient-lightblue {
+  background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-lightblue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-lightblue.btn:hover {
+  background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
+  border-color: #307095;
+  color: #ececec;
+}
+
+.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active {
+  background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
+  border-color: #2d698c;
+  color: #fff;
+}
+
+.bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn.disabled {
+  background-image: none !important;
+  border-color: #3c8dbc;
+  color: #fff;
+}
+
+.bg-gradient-navy {
+  background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-navy.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-navy.btn:hover {
+  background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
+  border-color: #00060c;
+  color: #ececec;
+}
+
+.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
+  background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
+  border-color: black;
+  color: #fff;
+}
+
+.bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn.disabled {
+  background-image: none !important;
+  border-color: #001f3f;
+  color: #fff;
+}
+
+.bg-gradient-olive {
+  background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-olive.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-olive.btn:hover {
+  background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
+  border-color: #2e7555;
+  color: #ececec;
+}
+
+.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
+  background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
+  border-color: #2b6b4f;
+  color: #fff;
+}
+
+.bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn.disabled {
+  background-image: none !important;
+  border-color: #3d9970;
+  color: #fff;
+}
+
+.bg-gradient-lime {
+  background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-lime.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-lime.btn:hover {
+  background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
+  border-color: #00cd5a;
+  color: #121a24;
+}
+
+.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
+  background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
+  border-color: #00c054;
+  color: #fff;
+}
+
+.bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn.disabled {
+  background-image: none !important;
+  border-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.bg-gradient-fuchsia {
+  background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-fuchsia.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-fuchsia.btn:hover {
+  background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
+  border-color: #c30c9a;
+  color: #ececec;
+}
+
+.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
+  background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
+  border-color: #b70c90;
+  color: #fff;
+}
+
+.bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn.disabled {
+  background-image: none !important;
+  border-color: #f012be;
+  color: #fff;
+}
+
+.bg-gradient-maroon {
+  background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-maroon.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-maroon.btn:hover {
+  background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
+  border-color: #ab154c;
+  color: #ececec;
+}
+
+.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
+  background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
+  border-color: #9f1447;
+  color: #fff;
+}
+
+.bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn.disabled {
+  background-image: none !important;
+  border-color: #d81b60;
+  color: #fff;
+}
+
+.bg-gradient-blue {
+  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-blue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-blue.btn:hover {
+  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
+  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn.disabled {
+  background-image: none !important;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.bg-gradient-indigo {
+  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-indigo.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-indigo.btn:hover {
+  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
+  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn.disabled {
+  background-image: none !important;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.bg-gradient-purple {
+  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-purple.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-purple.btn:hover {
+  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
+  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn.disabled {
+  background-image: none !important;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.bg-gradient-pink {
+  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-pink.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-pink.btn:hover {
+  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
+  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn.disabled {
+  background-image: none !important;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.bg-gradient-red {
+  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-red.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-red.btn:hover {
+  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
+  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-gradient-red.btn:disabled, .bg-gradient-red.btn.disabled {
+  background-image: none !important;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.bg-gradient-orange {
+  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-orange.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-orange.btn:hover {
+  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
+  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn.disabled {
+  background-image: none !important;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.bg-gradient-yellow {
+  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-yellow.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-yellow.btn:hover {
+  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
+  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn.disabled {
+  background-image: none !important;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.bg-gradient-green {
+  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-green.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-green.btn:hover {
+  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
+  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-gradient-green.btn:disabled, .bg-gradient-green.btn.disabled {
+  background-image: none !important;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.bg-gradient-teal {
+  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-teal.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-teal.btn:hover {
+  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
+  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn.disabled {
+  background-image: none !important;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.bg-gradient-cyan {
+  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-cyan.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-cyan.btn:hover {
+  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
+  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn.disabled {
+  background-image: none !important;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.bg-gradient-white {
+  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-white.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-white.btn:hover {
+  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
+  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.bg-gradient-white.btn:disabled, .bg-gradient-white.btn.disabled {
+  background-image: none !important;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.bg-gradient-gray {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-gray.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-gray.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.bg-gradient-gray-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-gray-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-gray-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+[class^="bg-"].disabled {
+  opacity: .65;
+}
+
+a.text-muted:hover {
+  color: #007bff !important;
+}
+
+.link-muted {
+  color: #5d6974;
+}
+
+.link-muted:hover, .link-muted:focus {
+  color: #464f58;
+}
+
+.link-black {
+  color: #6c757d;
+}
+
+.link-black:hover, .link-black:focus {
+  color: #e6e8ea;
+}
+
+.accent-primary .btn-link,
+.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-primary .nav-tabs .nav-link {
+  color: #007bff;
+}
+
+.accent-primary .btn-link:hover,
+.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-primary .nav-tabs .nav-link:hover {
+  color: #0056b3;
+}
+
+.accent-primary .dropdown-item:active, .accent-primary .dropdown-item.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.accent-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.accent-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-primary .custom-select:focus,
+.accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-primary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+}
+
+.accent-primary .page-item .page-link {
+  color: #007bff;
+}
+
+.accent-primary .page-item.active a,
+.accent-primary .page-item.active .page-link {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.accent-primary .page-item.disabled a,
+.accent-primary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-primary .page-item .page-link:hover, .dark-mode.accent-primary .page-item .page-link:focus {
+  color: #1a88ff;
+}
+
+.accent-secondary .btn-link,
+.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-secondary .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.accent-secondary .btn-link:hover,
+.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-secondary .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.accent-secondary .dropdown-item:active, .accent-secondary .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.accent-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-secondary .custom-select:focus,
+.accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-secondary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.accent-secondary .page-item .page-link {
+  color: #6c757d;
+}
+
+.accent-secondary .page-item.active a,
+.accent-secondary .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.accent-secondary .page-item.disabled a,
+.accent-secondary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode.accent-secondary .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.accent-success .btn-link,
+.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-success .nav-tabs .nav-link {
+  color: #28a745;
+}
+
+.accent-success .btn-link:hover,
+.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-success .nav-tabs .nav-link:hover {
+  color: #19692c;
+}
+
+.accent-success .dropdown-item:active, .accent-success .dropdown-item.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.accent-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.accent-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-success .custom-select:focus,
+.accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-success .custom-file-input:focus ~ .custom-file-label {
+  border-color: #71dd8a;
+}
+
+.accent-success .page-item .page-link {
+  color: #28a745;
+}
+
+.accent-success .page-item.active a,
+.accent-success .page-item.active .page-link {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.accent-success .page-item.disabled a,
+.accent-success .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-success .page-item .page-link:hover, .dark-mode.accent-success .page-item .page-link:focus {
+  color: #2dbc4e;
+}
+
+.accent-info .btn-link,
+.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-info .nav-tabs .nav-link {
+  color: #17a2b8;
+}
+
+.accent-info .btn-link:hover,
+.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-info .nav-tabs .nav-link:hover {
+  color: #0f6674;
+}
+
+.accent-info .dropdown-item:active, .accent-info .dropdown-item.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.accent-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-info .custom-select:focus,
+.accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-info .custom-file-input:focus ~ .custom-file-label {
+  border-color: #63d9ec;
+}
+
+.accent-info .page-item .page-link {
+  color: #17a2b8;
+}
+
+.accent-info .page-item.active a,
+.accent-info .page-item.active .page-link {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-info .page-item.disabled a,
+.accent-info .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-info .page-item .page-link:hover, .dark-mode.accent-info .page-item .page-link:focus {
+  color: #1ab6cf;
+}
+
+.accent-warning .btn-link,
+.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-warning .nav-tabs .nav-link {
+  color: #ffc107;
+}
+
+.accent-warning .btn-link:hover,
+.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-warning .nav-tabs .nav-link:hover {
+  color: #ba8b00;
+}
+
+.accent-warning .dropdown-item:active, .accent-warning .dropdown-item.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.accent-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.accent-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-warning .custom-select:focus,
+.accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-warning .custom-file-input:focus ~ .custom-file-label {
+  border-color: #ffe187;
+}
+
+.accent-warning .page-item .page-link {
+  color: #ffc107;
+}
+
+.accent-warning .page-item.active a,
+.accent-warning .page-item.active .page-link {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #fff;
+}
+
+.accent-warning .page-item.disabled a,
+.accent-warning .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-warning .page-item .page-link:hover, .dark-mode.accent-warning .page-item .page-link:focus {
+  color: #ffc721;
+}
+
+.accent-danger .btn-link,
+.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-danger .nav-tabs .nav-link {
+  color: #dc3545;
+}
+
+.accent-danger .btn-link:hover,
+.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-danger .nav-tabs .nav-link:hover {
+  color: #a71d2a;
+}
+
+.accent-danger .dropdown-item:active, .accent-danger .dropdown-item.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.accent-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.accent-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-danger .custom-select:focus,
+.accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-danger .custom-file-input:focus ~ .custom-file-label {
+  border-color: #efa2a9;
+}
+
+.accent-danger .page-item .page-link {
+  color: #dc3545;
+}
+
+.accent-danger .page-item.active a,
+.accent-danger .page-item.active .page-link {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.accent-danger .page-item.disabled a,
+.accent-danger .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-danger .page-item .page-link:hover, .dark-mode.accent-danger .page-item .page-link:focus {
+  color: #e04b59;
+}
+
+.accent-light .btn-link,
+.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-light .nav-tabs .nav-link {
+  color: #f8f9fa;
+}
+
+.accent-light .btn-link:hover,
+.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-light .nav-tabs .nav-link:hover {
+  color: #cbd3da;
+}
+
+.accent-light .dropdown-item:active, .accent-light .dropdown-item.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.accent-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.accent-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-light .custom-select:focus,
+.accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-light .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.accent-light .page-item .page-link {
+  color: #f8f9fa;
+}
+
+.accent-light .page-item.active a,
+.accent-light .page-item.active .page-link {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #fff;
+}
+
+.accent-light .page-item.disabled a,
+.accent-light .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-light .page-item .page-link:hover, .dark-mode.accent-light .page-item .page-link:focus {
+  color: white;
+}
+
+.accent-dark .btn-link,
+.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.accent-dark .btn-link:hover,
+.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.accent-dark .dropdown-item:active, .accent-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.accent-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.accent-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-dark .custom-select:focus,
+.accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.accent-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.accent-dark .page-item.active a,
+.accent-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.accent-dark .page-item.disabled a,
+.accent-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-dark .page-item .page-link:hover, .dark-mode.accent-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+.accent-lightblue .btn-link,
+.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-lightblue .nav-tabs .nav-link {
+  color: #3c8dbc;
+}
+
+.accent-lightblue .btn-link:hover,
+.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-lightblue .nav-tabs .nav-link:hover {
+  color: #296282;
+}
+
+.accent-lightblue .dropdown-item:active, .accent-lightblue .dropdown-item.active {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3c8dbc;
+  border-color: #23536f;
+}
+
+.accent-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-lightblue .custom-select:focus,
+.accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-lightblue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #99c5de;
+}
+
+.accent-lightblue .page-item .page-link {
+  color: #3c8dbc;
+}
+
+.accent-lightblue .page-item.active a,
+.accent-lightblue .page-item.active .page-link {
+  background-color: #3c8dbc;
+  border-color: #3c8dbc;
+  color: #fff;
+}
+
+.accent-lightblue .page-item.disabled a,
+.accent-lightblue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode.accent-lightblue .page-item .page-link:focus {
+  color: #4c99c6;
+}
+
+.accent-navy .btn-link,
+.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-navy .nav-tabs .nav-link {
+  color: #001f3f;
+}
+
+.accent-navy .btn-link:hover,
+.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-navy .nav-tabs .nav-link:hover {
+  color: black;
+}
+
+.accent-navy .dropdown-item:active, .accent-navy .dropdown-item.active {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.accent-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #001f3f;
+  border-color: black;
+}
+
+.accent-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-navy .custom-select:focus,
+.accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-navy .custom-file-input:focus ~ .custom-file-label {
+  border-color: #005ebf;
+}
+
+.accent-navy .page-item .page-link {
+  color: #001f3f;
+}
+
+.accent-navy .page-item.active a,
+.accent-navy .page-item.active .page-link {
+  background-color: #001f3f;
+  border-color: #001f3f;
+  color: #fff;
+}
+
+.accent-navy .page-item.disabled a,
+.accent-navy .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-navy .page-item .page-link:hover, .dark-mode.accent-navy .page-item .page-link:focus {
+  color: #002c59;
+}
+
+.accent-olive .btn-link,
+.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-olive .nav-tabs .nav-link {
+  color: #3d9970;
+}
+
+.accent-olive .btn-link:hover,
+.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-olive .nav-tabs .nav-link:hover {
+  color: #276248;
+}
+
+.accent-olive .dropdown-item:active, .accent-olive .dropdown-item.active {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.accent-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3d9970;
+  border-color: #20503b;
+}
+
+.accent-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-olive .custom-select:focus,
+.accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-olive .custom-file-input:focus ~ .custom-file-label {
+  border-color: #87cfaf;
+}
+
+.accent-olive .page-item .page-link {
+  color: #3d9970;
+}
+
+.accent-olive .page-item.active a,
+.accent-olive .page-item.active .page-link {
+  background-color: #3d9970;
+  border-color: #3d9970;
+  color: #fff;
+}
+
+.accent-olive .page-item.disabled a,
+.accent-olive .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-olive .page-item .page-link:hover, .dark-mode.accent-olive .page-item .page-link:focus {
+  color: #44ab7d;
+}
+
+.accent-lime .btn-link,
+.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-lime .nav-tabs .nav-link {
+  color: #01ff70;
+}
+
+.accent-lime .btn-link:hover,
+.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-lime .nav-tabs .nav-link:hover {
+  color: #00b44e;
+}
+
+.accent-lime .dropdown-item:active, .accent-lime .dropdown-item.active {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.accent-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #01ff70;
+  border-color: #009a43;
+}
+
+.accent-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-lime .custom-select:focus,
+.accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-lime .custom-file-input:focus ~ .custom-file-label {
+  border-color: #81ffb8;
+}
+
+.accent-lime .page-item .page-link {
+  color: #01ff70;
+}
+
+.accent-lime .page-item.active a,
+.accent-lime .page-item.active .page-link {
+  background-color: #01ff70;
+  border-color: #01ff70;
+  color: #fff;
+}
+
+.accent-lime .page-item.disabled a,
+.accent-lime .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-lime .page-item .page-link:hover, .dark-mode.accent-lime .page-item .page-link:focus {
+  color: #1bff7e;
+}
+
+.accent-fuchsia .btn-link,
+.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-fuchsia .nav-tabs .nav-link {
+  color: #f012be;
+}
+
+.accent-fuchsia .btn-link:hover,
+.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-fuchsia .nav-tabs .nav-link:hover {
+  color: #ab0b87;
+}
+
+.accent-fuchsia .dropdown-item:active, .accent-fuchsia .dropdown-item.active {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f012be;
+  border-color: #930974;
+}
+
+.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-fuchsia .custom-select:focus,
+.accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-fuchsia .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f88adf;
+}
+
+.accent-fuchsia .page-item .page-link {
+  color: #f012be;
+}
+
+.accent-fuchsia .page-item.active a,
+.accent-fuchsia .page-item.active .page-link {
+  background-color: #f012be;
+  border-color: #f012be;
+  color: #fff;
+}
+
+.accent-fuchsia .page-item.disabled a,
+.accent-fuchsia .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode.accent-fuchsia .page-item .page-link:focus {
+  color: #f22ac5;
+}
+
+.accent-maroon .btn-link,
+.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-maroon .nav-tabs .nav-link {
+  color: #d81b60;
+}
+
+.accent-maroon .btn-link:hover,
+.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-maroon .nav-tabs .nav-link:hover {
+  color: #941342;
+}
+
+.accent-maroon .dropdown-item:active, .accent-maroon .dropdown-item.active {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #d81b60;
+  border-color: #7d1038;
+}
+
+.accent-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-maroon .custom-select:focus,
+.accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-maroon .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f083ab;
+}
+
+.accent-maroon .page-item .page-link {
+  color: #d81b60;
+}
+
+.accent-maroon .page-item.active a,
+.accent-maroon .page-item.active .page-link {
+  background-color: #d81b60;
+  border-color: #d81b60;
+  color: #fff;
+}
+
+.accent-maroon .page-item.disabled a,
+.accent-maroon .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode.accent-maroon .page-item .page-link:focus {
+  color: #e4286d;
+}
+
+.accent-blue .btn-link,
+.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-blue .nav-tabs .nav-link {
+  color: #007bff;
+}
+
+.accent-blue .btn-link:hover,
+.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-blue .nav-tabs .nav-link:hover {
+  color: #0056b3;
+}
+
+.accent-blue .dropdown-item:active, .accent-blue .dropdown-item.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.accent-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.accent-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-blue .custom-select:focus,
+.accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-blue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+}
+
+.accent-blue .page-item .page-link {
+  color: #007bff;
+}
+
+.accent-blue .page-item.active a,
+.accent-blue .page-item.active .page-link {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.accent-blue .page-item.disabled a,
+.accent-blue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-blue .page-item .page-link:hover, .dark-mode.accent-blue .page-item .page-link:focus {
+  color: #1a88ff;
+}
+
+.accent-indigo .btn-link,
+.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-indigo .nav-tabs .nav-link {
+  color: #6610f2;
+}
+
+.accent-indigo .btn-link:hover,
+.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-indigo .nav-tabs .nav-link:hover {
+  color: #4709ac;
+}
+
+.accent-indigo .dropdown-item:active, .accent-indigo .dropdown-item.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.accent-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-indigo .custom-select:focus,
+.accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-indigo .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b389f9;
+}
+
+.accent-indigo .page-item .page-link {
+  color: #6610f2;
+}
+
+.accent-indigo .page-item.active a,
+.accent-indigo .page-item.active .page-link {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.accent-indigo .page-item.disabled a,
+.accent-indigo .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode.accent-indigo .page-item .page-link:focus {
+  color: #7528f3;
+}
+
+.accent-purple .btn-link,
+.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-purple .nav-tabs .nav-link {
+  color: #6f42c1;
+}
+
+.accent-purple .btn-link:hover,
+.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-purple .nav-tabs .nav-link:hover {
+  color: #4e2d89;
+}
+
+.accent-purple .dropdown-item:active, .accent-purple .dropdown-item.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.accent-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.accent-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-purple .custom-select:focus,
+.accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-purple .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b8a2e0;
+}
+
+.accent-purple .page-item .page-link {
+  color: #6f42c1;
+}
+
+.accent-purple .page-item.active a,
+.accent-purple .page-item.active .page-link {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.accent-purple .page-item.disabled a,
+.accent-purple .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-purple .page-item .page-link:hover, .dark-mode.accent-purple .page-item .page-link:focus {
+  color: #7e55c7;
+}
+
+.accent-pink .btn-link,
+.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-pink .nav-tabs .nav-link {
+  color: #e83e8c;
+}
+
+.accent-pink .btn-link:hover,
+.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-pink .nav-tabs .nav-link:hover {
+  color: #c21766;
+}
+
+.accent-pink .dropdown-item:active, .accent-pink .dropdown-item.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.accent-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.accent-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-pink .custom-select:focus,
+.accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-pink .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f6b0d0;
+}
+
+.accent-pink .page-item .page-link {
+  color: #e83e8c;
+}
+
+.accent-pink .page-item.active a,
+.accent-pink .page-item.active .page-link {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.accent-pink .page-item.disabled a,
+.accent-pink .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-pink .page-item .page-link:hover, .dark-mode.accent-pink .page-item .page-link:focus {
+  color: #eb559a;
+}
+
+.accent-red .btn-link,
+.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-red .nav-tabs .nav-link {
+  color: #dc3545;
+}
+
+.accent-red .btn-link:hover,
+.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-red .nav-tabs .nav-link:hover {
+  color: #a71d2a;
+}
+
+.accent-red .dropdown-item:active, .accent-red .dropdown-item.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.accent-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.accent-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-red .custom-select:focus,
+.accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-red .custom-file-input:focus ~ .custom-file-label {
+  border-color: #efa2a9;
+}
+
+.accent-red .page-item .page-link {
+  color: #dc3545;
+}
+
+.accent-red .page-item.active a,
+.accent-red .page-item.active .page-link {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.accent-red .page-item.disabled a,
+.accent-red .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-red .page-item .page-link:hover, .dark-mode.accent-red .page-item .page-link:focus {
+  color: #e04b59;
+}
+
+.accent-orange .btn-link,
+.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-orange .nav-tabs .nav-link {
+  color: #fd7e14;
+}
+
+.accent-orange .btn-link:hover,
+.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-orange .nav-tabs .nav-link:hover {
+  color: #c35a02;
+}
+
+.accent-orange .dropdown-item:active, .accent-orange .dropdown-item.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.accent-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.accent-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-orange .custom-select:focus,
+.accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-orange .custom-file-input:focus ~ .custom-file-label {
+  border-color: #fec392;
+}
+
+.accent-orange .page-item .page-link {
+  color: #fd7e14;
+}
+
+.accent-orange .page-item.active a,
+.accent-orange .page-item.active .page-link {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #fff;
+}
+
+.accent-orange .page-item.disabled a,
+.accent-orange .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-orange .page-item .page-link:hover, .dark-mode.accent-orange .page-item .page-link:focus {
+  color: #fd8c2d;
+}
+
+.accent-yellow .btn-link,
+.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-yellow .nav-tabs .nav-link {
+  color: #ffc107;
+}
+
+.accent-yellow .btn-link:hover,
+.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-yellow .nav-tabs .nav-link:hover {
+  color: #ba8b00;
+}
+
+.accent-yellow .dropdown-item:active, .accent-yellow .dropdown-item.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.accent-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-yellow .custom-select:focus,
+.accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-yellow .custom-file-input:focus ~ .custom-file-label {
+  border-color: #ffe187;
+}
+
+.accent-yellow .page-item .page-link {
+  color: #ffc107;
+}
+
+.accent-yellow .page-item.active a,
+.accent-yellow .page-item.active .page-link {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #fff;
+}
+
+.accent-yellow .page-item.disabled a,
+.accent-yellow .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode.accent-yellow .page-item .page-link:focus {
+  color: #ffc721;
+}
+
+.accent-green .btn-link,
+.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-green .nav-tabs .nav-link {
+  color: #28a745;
+}
+
+.accent-green .btn-link:hover,
+.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-green .nav-tabs .nav-link:hover {
+  color: #19692c;
+}
+
+.accent-green .dropdown-item:active, .accent-green .dropdown-item.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.accent-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.accent-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-green .custom-select:focus,
+.accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-green .custom-file-input:focus ~ .custom-file-label {
+  border-color: #71dd8a;
+}
+
+.accent-green .page-item .page-link {
+  color: #28a745;
+}
+
+.accent-green .page-item.active a,
+.accent-green .page-item.active .page-link {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.accent-green .page-item.disabled a,
+.accent-green .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-green .page-item .page-link:hover, .dark-mode.accent-green .page-item .page-link:focus {
+  color: #2dbc4e;
+}
+
+.accent-teal .btn-link,
+.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-teal .nav-tabs .nav-link {
+  color: #20c997;
+}
+
+.accent-teal .btn-link:hover,
+.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-teal .nav-tabs .nav-link:hover {
+  color: #158765;
+}
+
+.accent-teal .dropdown-item:active, .accent-teal .dropdown-item.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.accent-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.accent-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-teal .custom-select:focus,
+.accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-teal .custom-file-input:focus ~ .custom-file-label {
+  border-color: #7eeaca;
+}
+
+.accent-teal .page-item .page-link {
+  color: #20c997;
+}
+
+.accent-teal .page-item.active a,
+.accent-teal .page-item.active .page-link {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.accent-teal .page-item.disabled a,
+.accent-teal .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-teal .page-item .page-link:hover, .dark-mode.accent-teal .page-item .page-link:focus {
+  color: #26dca6;
+}
+
+.accent-cyan .btn-link,
+.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-cyan .nav-tabs .nav-link {
+  color: #17a2b8;
+}
+
+.accent-cyan .btn-link:hover,
+.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-cyan .nav-tabs .nav-link:hover {
+  color: #0f6674;
+}
+
+.accent-cyan .dropdown-item:active, .accent-cyan .dropdown-item.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.accent-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-cyan .custom-select:focus,
+.accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-cyan .custom-file-input:focus ~ .custom-file-label {
+  border-color: #63d9ec;
+}
+
+.accent-cyan .page-item .page-link {
+  color: #17a2b8;
+}
+
+.accent-cyan .page-item.active a,
+.accent-cyan .page-item.active .page-link {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-cyan .page-item.disabled a,
+.accent-cyan .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode.accent-cyan .page-item .page-link:focus {
+  color: #1ab6cf;
+}
+
+.accent-white .btn-link,
+.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-white .nav-tabs .nav-link {
+  color: #fff;
+}
+
+.accent-white .btn-link:hover,
+.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-white .nav-tabs .nav-link:hover {
+  color: #d9d9d9;
+}
+
+.accent-white .dropdown-item:active, .accent-white .dropdown-item.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.accent-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.accent-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-white .custom-select:focus,
+.accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-white .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.accent-white .page-item .page-link {
+  color: #fff;
+}
+
+.accent-white .page-item.active a,
+.accent-white .page-item.active .page-link {
+  background-color: #fff;
+  border-color: #fff;
+  color: #fff;
+}
+
+.accent-white .page-item.disabled a,
+.accent-white .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-white .page-item .page-link:hover, .dark-mode.accent-white .page-item .page-link:focus {
+  color: white;
+}
+
+.accent-gray .btn-link,
+.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-gray .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.accent-gray .btn-link:hover,
+.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-gray .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.accent-gray .dropdown-item:active, .accent-gray .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.accent-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.accent-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-gray .custom-select:focus,
+.accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-gray .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.accent-gray .page-item .page-link {
+  color: #6c757d;
+}
+
+.accent-gray .page-item.active a,
+.accent-gray .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.accent-gray .page-item.disabled a,
+.accent-gray .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-gray .page-item .page-link:hover, .dark-mode.accent-gray .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.accent-gray-dark .btn-link,
+.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-gray-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.accent-gray-dark .btn-link:hover,
+.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-gray-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.accent-gray-dark .dropdown-item:active, .accent-gray-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-gray-dark .custom-select:focus,
+.accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-gray-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.accent-gray-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.accent-gray-dark .page-item.active a,
+.accent-gray-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.accent-gray-dark .page-item.disabled a,
+.accent-gray-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode.accent-gray-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+[class*="accent-"] a.btn-primary {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-secondary {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-success {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-info {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-warning {
+  color: #1f2d3d;
+}
+
+[class*="accent-"] a.btn-danger {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-light {
+  color: #1f2d3d;
+}
+
+[class*="accent-"] a.btn-dark {
+  color: #fff;
+}
+
+.dark-mode .bg-light {
+  background-color: #454d55 !important;
+  color: #fff !important;
+}
+
+.dark-mode .text-black,
+.dark-mode .text-dark,
+.dark-mode .link-black,
+.dark-mode .link-dark {
+  color: #ced4da !important;
+}
+
+.dark-mode.bg-primary {
+  background-color: #3f6791 !important;
+}
+
+.dark-mode.bg-primary,
+.dark-mode.bg-primary > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-primary.btn:hover {
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode.bg-primary.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-primary.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-primary.btn:active, .dark-mode.bg-primary.btn.active {
+  background-color: #304e6d !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+.dark-mode.bg-secondary,
+.dark-mode.bg-secondary > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-secondary.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode.bg-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-secondary.btn:active, .dark-mode.bg-secondary.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode.bg-success {
+  background-color: #00bc8c !important;
+}
+
+.dark-mode.bg-success,
+.dark-mode.bg-success > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-success.btn:hover {
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode.bg-success.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-success.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-success.btn:active, .dark-mode.bg-success.btn.active {
+  background-color: #008966 !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode.bg-info {
+  background-color: #3498db !important;
+}
+
+.dark-mode.bg-info,
+.dark-mode.bg-info > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-info.btn:hover {
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode.bg-info.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-info.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-info.btn:active, .dark-mode.bg-info.btn.active {
+  background-color: #217dbb !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode.bg-warning {
+  background-color: #f39c12 !important;
+}
+
+.dark-mode.bg-warning,
+.dark-mode.bg-warning > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-warning.btn:hover {
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode.bg-warning.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-warning.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-warning.btn:active, .dark-mode.bg-warning.btn.active {
+  background-color: #c87f0a !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode.bg-danger {
+  background-color: #e74c3c !important;
+}
+
+.dark-mode.bg-danger,
+.dark-mode.bg-danger > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-danger.btn:hover {
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode.bg-danger.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-danger.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-danger.btn:active, .dark-mode.bg-danger.btn.active {
+  background-color: #d62c1a !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+.dark-mode.bg-light,
+.dark-mode.bg-light > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-light.btn:hover {
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.dark-mode.bg-light.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-light.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-light.btn:active, .dark-mode.bg-light.btn.active {
+  background-color: #dae0e5 !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.dark-mode.bg-dark {
+  background-color: #343a40 !important;
+}
+
+.dark-mode.bg-dark,
+.dark-mode.bg-dark > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode.bg-dark.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-dark.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-dark.btn:active, .dark-mode.bg-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode.bg-lightblue {
+  background-color: #86bad8 !important;
+}
+
+.dark-mode.bg-lightblue,
+.dark-mode.bg-lightblue > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-lightblue.btn:hover {
+  border-color: #5fa4cc;
+  color: #121a24;
+}
+
+.dark-mode.bg-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-lightblue.btn:active, .dark-mode.bg-lightblue.btn.active {
+  background-color: #5fa4cc !important;
+  border-color: #559ec9;
+  color: #fff;
+}
+
+.dark-mode.bg-navy {
+  background-color: #002c59 !important;
+}
+
+.dark-mode.bg-navy,
+.dark-mode.bg-navy > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-navy.btn:hover {
+  border-color: #001226;
+  color: #ececec;
+}
+
+.dark-mode.bg-navy.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-navy.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-navy.btn:active, .dark-mode.bg-navy.btn.active {
+  background-color: #001226 !important;
+  border-color: #000c19;
+  color: #fff;
+}
+
+.dark-mode.bg-olive {
+  background-color: #74c8a3 !important;
+}
+
+.dark-mode.bg-olive,
+.dark-mode.bg-olive > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-olive.btn:hover {
+  border-color: #50b98a;
+  color: #121a24;
+}
+
+.dark-mode.bg-olive.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-olive.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-olive.btn:active, .dark-mode.bg-olive.btn.active {
+  background-color: #50b98a !important;
+  border-color: #48b484;
+  color: #fff;
+}
+
+.dark-mode.bg-lime {
+  background-color: #67ffa9 !important;
+}
+
+.dark-mode.bg-lime,
+.dark-mode.bg-lime > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-lime.btn:hover {
+  border-color: #34ff8d;
+  color: #121a24;
+}
+
+.dark-mode.bg-lime.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-lime.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-lime.btn:active, .dark-mode.bg-lime.btn.active {
+  background-color: #34ff8d !important;
+  border-color: #27ff86;
+  color: #1f2d3d;
+}
+
+.dark-mode.bg-fuchsia {
+  background-color: #f672d8 !important;
+}
+
+.dark-mode.bg-fuchsia,
+.dark-mode.bg-fuchsia > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-fuchsia.btn:hover {
+  border-color: #f342cb;
+  color: #121a24;
+}
+
+.dark-mode.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-fuchsia.btn:active, .dark-mode.bg-fuchsia.btn.active {
+  background-color: #f342cb !important;
+  border-color: #f236c8;
+  color: #fff;
+}
+
+.dark-mode.bg-maroon {
+  background-color: #ed6c9b !important;
+}
+
+.dark-mode.bg-maroon,
+.dark-mode.bg-maroon > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-maroon.btn:hover {
+  border-color: #e73f7c;
+  color: #121a24;
+}
+
+.dark-mode.bg-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-maroon.btn:active, .dark-mode.bg-maroon.btn.active {
+  background-color: #e73f7c !important;
+  border-color: #e63475;
+  color: #fff;
+}
+
+.dark-mode.bg-blue {
+  background-color: #3f6791 !important;
+}
+
+.dark-mode.bg-blue,
+.dark-mode.bg-blue > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-blue.btn:hover {
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode.bg-blue.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-blue.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-blue.btn:active, .dark-mode.bg-blue.btn.active {
+  background-color: #304e6d !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode.bg-indigo {
+  background-color: #6610f2 !important;
+}
+
+.dark-mode.bg-indigo,
+.dark-mode.bg-indigo > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-indigo.btn:hover {
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.dark-mode.bg-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-indigo.btn:active, .dark-mode.bg-indigo.btn.active {
+  background-color: #510bc4 !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.dark-mode.bg-purple {
+  background-color: #6f42c1 !important;
+}
+
+.dark-mode.bg-purple,
+.dark-mode.bg-purple > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-purple.btn:hover {
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.dark-mode.bg-purple.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-purple.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-purple.btn:active, .dark-mode.bg-purple.btn.active {
+  background-color: #59339d !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.dark-mode.bg-pink {
+  background-color: #e83e8c !important;
+}
+
+.dark-mode.bg-pink,
+.dark-mode.bg-pink > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-pink.btn:hover {
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.dark-mode.bg-pink.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-pink.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-pink.btn:active, .dark-mode.bg-pink.btn.active {
+  background-color: #d91a72 !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.dark-mode.bg-red {
+  background-color: #e74c3c !important;
+}
+
+.dark-mode.bg-red,
+.dark-mode.bg-red > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-red.btn:hover {
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode.bg-red.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-red.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-red.btn:active, .dark-mode.bg-red.btn.active {
+  background-color: #d62c1a !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode.bg-orange {
+  background-color: #fd7e14 !important;
+}
+
+.dark-mode.bg-orange,
+.dark-mode.bg-orange > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-orange.btn:hover {
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.dark-mode.bg-orange.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-orange.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-orange.btn:active, .dark-mode.bg-orange.btn.active {
+  background-color: #dc6502 !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.dark-mode.bg-yellow {
+  background-color: #f39c12 !important;
+}
+
+.dark-mode.bg-yellow,
+.dark-mode.bg-yellow > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-yellow.btn:hover {
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode.bg-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-yellow.btn:active, .dark-mode.bg-yellow.btn.active {
+  background-color: #c87f0a !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode.bg-green {
+  background-color: #00bc8c !important;
+}
+
+.dark-mode.bg-green,
+.dark-mode.bg-green > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-green.btn:hover {
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode.bg-green.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-green.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-green.btn:active, .dark-mode.bg-green.btn.active {
+  background-color: #008966 !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode.bg-teal {
+  background-color: #20c997 !important;
+}
+
+.dark-mode.bg-teal,
+.dark-mode.bg-teal > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-teal.btn:hover {
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.dark-mode.bg-teal.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-teal.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-teal.btn:active, .dark-mode.bg-teal.btn.active {
+  background-color: #199d76 !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.dark-mode.bg-cyan {
+  background-color: #3498db !important;
+}
+
+.dark-mode.bg-cyan,
+.dark-mode.bg-cyan > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-cyan.btn:hover {
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode.bg-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-cyan.btn:active, .dark-mode.bg-cyan.btn.active {
+  background-color: #217dbb !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode.bg-white {
+  background-color: #fff !important;
+}
+
+.dark-mode.bg-white,
+.dark-mode.bg-white > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-white.btn:hover {
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.dark-mode.bg-white.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-white.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-white.btn:active, .dark-mode.bg-white.btn.active {
+  background-color: #e6e6e6 !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.dark-mode.bg-gray {
+  background-color: #6c757d !important;
+}
+
+.dark-mode.bg-gray,
+.dark-mode.bg-gray > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-gray.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode.bg-gray.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-gray.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-gray.btn:active, .dark-mode.bg-gray.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode.bg-gray-dark {
+  background-color: #343a40 !important;
+}
+
+.dark-mode.bg-gray-dark,
+.dark-mode.bg-gray-dark > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-gray-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-gray-dark.btn:active, .dark-mode.bg-gray-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-primary {
+  background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-primary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-primary.btn:hover {
+  background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-primary.btn:active, .dark-mode .bg-gradient-primary.btn.active {
+  background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-primary.btn:disabled, .dark-mode .bg-gradient-primary.btn.disabled {
+  background-image: none !important;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-secondary {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-secondary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-secondary.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-secondary.btn:active, .dark-mode .bg-gradient-secondary.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-secondary.btn:disabled, .dark-mode .bg-gradient-secondary.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-success {
+  background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-success.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-success.btn:hover {
+  background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-success.btn:active, .dark-mode .bg-gradient-success.btn.active {
+  background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-success.btn:disabled, .dark-mode .bg-gradient-success.btn.disabled {
+  background-image: none !important;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-info {
+  background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-info.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-info.btn:hover {
+  background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-info.btn:active, .dark-mode .bg-gradient-info.btn.active {
+  background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-info.btn:disabled, .dark-mode .bg-gradient-info.btn.disabled {
+  background-image: none !important;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-warning {
+  background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-warning.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-warning.btn:hover {
+  background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-warning.btn:active, .dark-mode .bg-gradient-warning.btn.active {
+  background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-warning.btn:disabled, .dark-mode .bg-gradient-warning.btn.disabled {
+  background-image: none !important;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-danger {
+  background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-danger.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-danger.btn:hover {
+  background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-danger.btn:active, .dark-mode .bg-gradient-danger.btn.active {
+  background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-danger.btn:disabled, .dark-mode .bg-gradient-danger.btn.disabled {
+  background-image: none !important;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-light {
+  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-light.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-light.btn:hover {
+  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-light.btn:active, .dark-mode .bg-gradient-light.btn.active {
+  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-light.btn:disabled, .dark-mode .bg-gradient-light.btn.disabled {
+  background-image: none !important;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-dark.btn:active, .dark-mode .bg-gradient-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-dark.btn:disabled, .dark-mode .bg-gradient-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-lightblue {
+  background: #86bad8 linear-gradient(180deg, #98c4de, #86bad8) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-lightblue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:hover {
+  background: #86bad8 linear-gradient(180deg, #7fb6d6, #69a9cf) repeat-x !important;
+  border-color: #5fa4cc;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lightblue.btn:active, .dark-mode .bg-gradient-lightblue.btn.active {
+  background: #86bad8 linear-gradient(180deg, #77b2d4, #5fa4cc) repeat-x !important;
+  border-color: #559ec9;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:disabled, .dark-mode .bg-gradient-lightblue.btn.disabled {
+  background-image: none !important;
+  border-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-navy {
+  background: #002c59 linear-gradient(180deg, #264b71, #002c59) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-navy.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-navy.btn:hover {
+  background: #002c59 linear-gradient(180deg, #263b51, #001932) repeat-x !important;
+  border-color: #001226;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-navy.btn:active, .dark-mode .bg-gradient-navy.btn.active {
+  background: #002c59 linear-gradient(180deg, #263646, #001226) repeat-x !important;
+  border-color: #000c19;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-navy.btn:disabled, .dark-mode .bg-gradient-navy.btn.disabled {
+  background-image: none !important;
+  border-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-olive {
+  background: #74c8a3 linear-gradient(180deg, #89d0b0, #74c8a3) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-olive.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-olive.btn:hover {
+  background: #74c8a3 linear-gradient(180deg, #72c7a1, #59bd90) repeat-x !important;
+  border-color: #50b98a;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-olive.btn:active, .dark-mode .bg-gradient-olive.btn.active {
+  background: #74c8a3 linear-gradient(180deg, #6ac49c, #50b98a) repeat-x !important;
+  border-color: #48b484;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-olive.btn:disabled, .dark-mode .bg-gradient-olive.btn.disabled {
+  background-image: none !important;
+  border-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lime {
+  background: #67ffa9 linear-gradient(180deg, #7effb6, #67ffa9) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-lime.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-lime.btn:hover {
+  background: #67ffa9 linear-gradient(180deg, #5dffa4, #41ff94) repeat-x !important;
+  border-color: #34ff8d;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lime.btn:active, .dark-mode .bg-gradient-lime.btn.active {
+  background: #67ffa9 linear-gradient(180deg, #52ff9e, #34ff8d) repeat-x !important;
+  border-color: #27ff86;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lime.btn:disabled, .dark-mode .bg-gradient-lime.btn.disabled {
+  background-image: none !important;
+  border-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-fuchsia {
+  background: #f672d8 linear-gradient(180deg, #f787de, #f672d8) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:hover {
+  background: #f672d8 linear-gradient(180deg, #f569d6, #f44ece) repeat-x !important;
+  border-color: #f342cb;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-fuchsia.btn:active, .dark-mode .bg-gradient-fuchsia.btn.active {
+  background: #f672d8 linear-gradient(180deg, #f55ed3, #f342cb) repeat-x !important;
+  border-color: #f236c8;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:disabled, .dark-mode .bg-gradient-fuchsia.btn.disabled {
+  background-image: none !important;
+  border-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-maroon {
+  background: #ed6c9b linear-gradient(180deg, #ef82aa, #ed6c9b) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-maroon.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-maroon.btn:hover {
+  background: #ed6c9b linear-gradient(180deg, #ec6596, #e84a84) repeat-x !important;
+  border-color: #e73f7c;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-maroon.btn:active, .dark-mode .bg-gradient-maroon.btn.active {
+  background: #ed6c9b linear-gradient(180deg, #eb5c90, #e73f7c) repeat-x !important;
+  border-color: #e63475;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-maroon.btn:disabled, .dark-mode .bg-gradient-maroon.btn.disabled {
+  background-image: none !important;
+  border-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-blue {
+  background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-blue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-blue.btn:hover {
+  background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-blue.btn:active, .dark-mode .bg-gradient-blue.btn.active {
+  background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-blue.btn:disabled, .dark-mode .bg-gradient-blue.btn.disabled {
+  background-image: none !important;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-indigo {
+  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-indigo.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-indigo.btn:hover {
+  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-indigo.btn:active, .dark-mode .bg-gradient-indigo.btn.active {
+  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-indigo.btn:disabled, .dark-mode .bg-gradient-indigo.btn.disabled {
+  background-image: none !important;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-purple {
+  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-purple.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-purple.btn:hover {
+  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-purple.btn:active, .dark-mode .bg-gradient-purple.btn.active {
+  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-purple.btn:disabled, .dark-mode .bg-gradient-purple.btn.disabled {
+  background-image: none !important;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-pink {
+  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-pink.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-pink.btn:hover {
+  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-pink.btn:active, .dark-mode .bg-gradient-pink.btn.active {
+  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-pink.btn:disabled, .dark-mode .bg-gradient-pink.btn.disabled {
+  background-image: none !important;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-red {
+  background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-red.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-red.btn:hover {
+  background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-red.btn:active, .dark-mode .bg-gradient-red.btn.active {
+  background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-red.btn:disabled, .dark-mode .bg-gradient-red.btn.disabled {
+  background-image: none !important;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-orange {
+  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-orange.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-orange.btn:hover {
+  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-orange.btn:active, .dark-mode .bg-gradient-orange.btn.active {
+  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-orange.btn:disabled, .dark-mode .bg-gradient-orange.btn.disabled {
+  background-image: none !important;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-yellow {
+  background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-yellow.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-yellow.btn:hover {
+  background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-yellow.btn:active, .dark-mode .bg-gradient-yellow.btn.active {
+  background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-yellow.btn:disabled, .dark-mode .bg-gradient-yellow.btn.disabled {
+  background-image: none !important;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-green {
+  background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-green.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-green.btn:hover {
+  background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-green.btn:active, .dark-mode .bg-gradient-green.btn.active {
+  background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-green.btn:disabled, .dark-mode .bg-gradient-green.btn.disabled {
+  background-image: none !important;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-teal {
+  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-teal.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-teal.btn:hover {
+  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-teal.btn:active, .dark-mode .bg-gradient-teal.btn.active {
+  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-teal.btn:disabled, .dark-mode .bg-gradient-teal.btn.disabled {
+  background-image: none !important;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-cyan {
+  background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-cyan.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-cyan.btn:hover {
+  background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-cyan.btn:active, .dark-mode .bg-gradient-cyan.btn.active {
+  background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-cyan.btn:disabled, .dark-mode .bg-gradient-cyan.btn.disabled {
+  background-image: none !important;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-white {
+  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-white.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-white.btn:hover {
+  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-white.btn:active, .dark-mode .bg-gradient-white.btn.active {
+  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-white.btn:disabled, .dark-mode .bg-gradient-white.btn.disabled {
+  background-image: none !important;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-gray {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-gray.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-gray.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray.btn:active, .dark-mode .bg-gradient-gray.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray.btn:disabled, .dark-mode .bg-gradient-gray.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray-dark.btn:active, .dark-mode .bg-gradient-gray-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:disabled, .dark-mode .bg-gradient-gray-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-primary .btn-link,
+.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-primary .nav-tabs .nav-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-primary .btn-link:hover,
+.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-primary .nav-tabs .nav-link:hover {
+  color: #28415c;
+}
+
+.dark-mode .accent-primary .dropdown-item:active, .dark-mode .accent-primary .dropdown-item.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-primary .custom-select:focus,
+.dark-mode .accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-primary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #85a7ca;
+}
+
+.dark-mode .accent-primary .page-item .page-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-primary .page-item.active a,
+.dark-mode .accent-primary .page-item.active .page-link {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-primary .page-item.disabled a,
+.dark-mode .accent-primary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-primary .page-item .page-link:hover, .dark-mode .dark-mode.accent-primary .page-item .page-link:focus {
+  color: #4774a3;
+}
+
+.dark-mode .accent-secondary .btn-link,
+.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-secondary .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-secondary .btn-link:hover,
+.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-secondary .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.dark-mode .accent-secondary .dropdown-item:active, .dark-mode .accent-secondary .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-secondary .custom-select:focus,
+.dark-mode .accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-secondary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.dark-mode .accent-secondary .page-item .page-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-secondary .page-item.active a,
+.dark-mode .accent-secondary .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-secondary .page-item.disabled a,
+.dark-mode .accent-secondary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode .dark-mode.accent-secondary .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.dark-mode .accent-success .btn-link,
+.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-success .nav-tabs .nav-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-success .btn-link:hover,
+.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-success .nav-tabs .nav-link:hover {
+  color: #007053;
+}
+
+.dark-mode .accent-success .dropdown-item:active, .dark-mode .accent-success .dropdown-item.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-success .custom-select:focus,
+.dark-mode .accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-success .custom-file-input:focus ~ .custom-file-label {
+  border-color: #3dffcd;
+}
+
+.dark-mode .accent-success .page-item .page-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-success .page-item.active a,
+.dark-mode .accent-success .page-item.active .page-link {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-success .page-item.disabled a,
+.dark-mode .accent-success .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-success .page-item .page-link:hover, .dark-mode .dark-mode.accent-success .page-item .page-link:focus {
+  color: #00d69f;
+}
+
+.dark-mode .accent-info .btn-link,
+.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-info .nav-tabs .nav-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-info .btn-link:hover,
+.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-info .nav-tabs .nav-link:hover {
+  color: #1d6fa5;
+}
+
+.dark-mode .accent-info .dropdown-item:active, .dark-mode .accent-info .dropdown-item.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-info .custom-select:focus,
+.dark-mode .accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-info .custom-file-input:focus ~ .custom-file-label {
+  border-color: #a0cfee;
+}
+
+.dark-mode .accent-info .page-item .page-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-info .page-item.active a,
+.dark-mode .accent-info .page-item.active .page-link {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-info .page-item.disabled a,
+.dark-mode .accent-info .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-info .page-item .page-link:hover, .dark-mode .dark-mode.accent-info .page-item .page-link:focus {
+  color: #4aa3df;
+}
+
+.dark-mode .accent-warning .btn-link,
+.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-warning .nav-tabs .nav-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-warning .btn-link:hover,
+.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-warning .nav-tabs .nav-link:hover {
+  color: #b06f09;
+}
+
+.dark-mode .accent-warning .dropdown-item:active, .dark-mode .accent-warning .dropdown-item.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-warning .custom-select:focus,
+.dark-mode .accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-warning .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .accent-warning .page-item .page-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-warning .page-item.active a,
+.dark-mode .accent-warning .page-item.active .page-link {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #fff;
+}
+
+.dark-mode .accent-warning .page-item.disabled a,
+.dark-mode .accent-warning .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-warning .page-item .page-link:hover, .dark-mode .dark-mode.accent-warning .page-item .page-link:focus {
+  color: #f4a62a;
+}
+
+.dark-mode .accent-danger .btn-link,
+.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-danger .nav-tabs .nav-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-danger .btn-link:hover,
+.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-danger .nav-tabs .nav-link:hover {
+  color: #bf2718;
+}
+
+.dark-mode .accent-danger .dropdown-item:active, .dark-mode .accent-danger .dropdown-item.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-danger .custom-select:focus,
+.dark-mode .accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-danger .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .accent-danger .page-item .page-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-danger .page-item.active a,
+.dark-mode .accent-danger .page-item.active .page-link {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-danger .page-item.disabled a,
+.dark-mode .accent-danger .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-danger .page-item .page-link:hover, .dark-mode .dark-mode.accent-danger .page-item .page-link:focus {
+  color: #ea6153;
+}
+
+.dark-mode .accent-light .btn-link,
+.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-light .nav-tabs .nav-link {
+  color: #f8f9fa;
+}
+
+.dark-mode .accent-light .btn-link:hover,
+.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-light .nav-tabs .nav-link:hover {
+  color: #cbd3da;
+}
+
+.dark-mode .accent-light .dropdown-item:active, .dark-mode .accent-light .dropdown-item.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-light .custom-select:focus,
+.dark-mode .accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-light .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.dark-mode .accent-light .page-item .page-link {
+  color: #f8f9fa;
+}
+
+.dark-mode .accent-light .page-item.active a,
+.dark-mode .accent-light .page-item.active .page-link {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #fff;
+}
+
+.dark-mode .accent-light .page-item.disabled a,
+.dark-mode .accent-light .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-light .page-item .page-link:hover, .dark-mode .dark-mode.accent-light .page-item .page-link:focus {
+  color: white;
+}
+
+.dark-mode .accent-dark .btn-link,
+.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-dark .btn-link:hover,
+.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.dark-mode .accent-dark .dropdown-item:active, .dark-mode .accent-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-dark .custom-select:focus,
+.dark-mode .accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.dark-mode .accent-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-dark .page-item.active a,
+.dark-mode .accent-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-dark .page-item.disabled a,
+.dark-mode .accent-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+.dark-mode [class*="accent-"] a.btn-primary {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-secondary {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-success {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-info {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-warning {
+  color: #1f2d3d;
+}
+
+.dark-mode [class*="accent-"] a.btn-danger {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-light {
+  color: #1f2d3d;
+}
+
+.dark-mode [class*="accent-"] a.btn-dark {
+  color: #fff;
+}
+
+.dark-mode .accent-lightblue .btn-link,
+.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-lightblue .nav-tabs .nav-link {
+  color: #86bad8;
+}
+
+.dark-mode .accent-lightblue .btn-link:hover,
+.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-lightblue .nav-tabs .nav-link:hover {
+  color: #4c99c6;
+}
+
+.dark-mode .accent-lightblue .dropdown-item:active, .dark-mode .accent-lightblue .dropdown-item.active {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #86bad8;
+  border-color: #3c8dbc;
+}
+
+.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-lightblue .custom-select:focus,
+.dark-mode .accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-lightblue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .accent-lightblue .page-item .page-link {
+  color: #86bad8;
+}
+
+.dark-mode .accent-lightblue .page-item.active a,
+.dark-mode .accent-lightblue .page-item.active .page-link {
+  background-color: #86bad8;
+  border-color: #86bad8;
+  color: #fff;
+}
+
+.dark-mode .accent-lightblue .page-item.disabled a,
+.dark-mode .accent-lightblue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus {
+  color: #99c5de;
+}
+
+.dark-mode .accent-navy .btn-link,
+.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-navy .nav-tabs .nav-link {
+  color: #002c59;
+}
+
+.dark-mode .accent-navy .btn-link:hover,
+.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-navy .nav-tabs .nav-link:hover {
+  color: #00060c;
+}
+
+.dark-mode .accent-navy .dropdown-item:active, .dark-mode .accent-navy .dropdown-item.active {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #002c59;
+  border-color: black;
+}
+
+.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-navy .custom-select:focus,
+.dark-mode .accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-navy .custom-file-input:focus ~ .custom-file-label {
+  border-color: #006ad8;
+}
+
+.dark-mode .accent-navy .page-item .page-link {
+  color: #002c59;
+}
+
+.dark-mode .accent-navy .page-item.active a,
+.dark-mode .accent-navy .page-item.active .page-link {
+  background-color: #002c59;
+  border-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .accent-navy .page-item.disabled a,
+.dark-mode .accent-navy .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-navy .page-item .page-link:hover, .dark-mode .dark-mode.accent-navy .page-item .page-link:focus {
+  color: #003872;
+}
+
+.dark-mode .accent-olive .btn-link,
+.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-olive .nav-tabs .nav-link {
+  color: #74c8a3;
+}
+
+.dark-mode .accent-olive .btn-link:hover,
+.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-olive .nav-tabs .nav-link:hover {
+  color: #44ab7d;
+}
+
+.dark-mode .accent-olive .dropdown-item:active, .dark-mode .accent-olive .dropdown-item.active {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #74c8a3;
+  border-color: #3d9970;
+}
+
+.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-olive .custom-select:focus,
+.dark-mode .accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-olive .custom-file-input:focus ~ .custom-file-label {
+  border-color: #cfecdf;
+}
+
+.dark-mode .accent-olive .page-item .page-link {
+  color: #74c8a3;
+}
+
+.dark-mode .accent-olive .page-item.active a,
+.dark-mode .accent-olive .page-item.active .page-link {
+  background-color: #74c8a3;
+  border-color: #74c8a3;
+  color: #fff;
+}
+
+.dark-mode .accent-olive .page-item.disabled a,
+.dark-mode .accent-olive .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-olive .page-item .page-link:hover, .dark-mode .dark-mode.accent-olive .page-item .page-link:focus {
+  color: #87cfaf;
+}
+
+.dark-mode .accent-lime .btn-link,
+.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-lime .nav-tabs .nav-link {
+  color: #67ffa9;
+}
+
+.dark-mode .accent-lime .btn-link:hover,
+.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-lime .nav-tabs .nav-link:hover {
+  color: #1bff7e;
+}
+
+.dark-mode .accent-lime .dropdown-item:active, .dark-mode .accent-lime .dropdown-item.active {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #67ffa9;
+  border-color: #01ff70;
+}
+
+.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-lime .custom-select:focus,
+.dark-mode .accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-lime .custom-file-input:focus ~ .custom-file-label {
+  border-color: #e7fff1;
+}
+
+.dark-mode .accent-lime .page-item .page-link {
+  color: #67ffa9;
+}
+
+.dark-mode .accent-lime .page-item.active a,
+.dark-mode .accent-lime .page-item.active .page-link {
+  background-color: #67ffa9;
+  border-color: #67ffa9;
+  color: #fff;
+}
+
+.dark-mode .accent-lime .page-item.disabled a,
+.dark-mode .accent-lime .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-lime .page-item .page-link:hover, .dark-mode .dark-mode.accent-lime .page-item .page-link:focus {
+  color: #81ffb8;
+}
+
+.dark-mode .accent-fuchsia .btn-link,
+.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-fuchsia .nav-tabs .nav-link {
+  color: #f672d8;
+}
+
+.dark-mode .accent-fuchsia .btn-link:hover,
+.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-fuchsia .nav-tabs .nav-link:hover {
+  color: #f22ac5;
+}
+
+.dark-mode .accent-fuchsia .dropdown-item:active, .dark-mode .accent-fuchsia .dropdown-item.active {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f672d8;
+  border-color: #f012be;
+}
+
+.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-fuchsia .custom-select:focus,
+.dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-fuchsia .custom-file-input:focus ~ .custom-file-label {
+  border-color: #feeaf9;
+}
+
+.dark-mode .accent-fuchsia .page-item .page-link {
+  color: #f672d8;
+}
+
+.dark-mode .accent-fuchsia .page-item.active a,
+.dark-mode .accent-fuchsia .page-item.active .page-link {
+  background-color: #f672d8;
+  border-color: #f672d8;
+  color: #fff;
+}
+
+.dark-mode .accent-fuchsia .page-item.disabled a,
+.dark-mode .accent-fuchsia .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus {
+  color: #f88adf;
+}
+
+.dark-mode .accent-maroon .btn-link,
+.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-maroon .nav-tabs .nav-link {
+  color: #ed6c9b;
+}
+
+.dark-mode .accent-maroon .btn-link:hover,
+.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-maroon .nav-tabs .nav-link:hover {
+  color: #e4286d;
+}
+
+.dark-mode .accent-maroon .dropdown-item:active, .dark-mode .accent-maroon .dropdown-item.active {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ed6c9b;
+  border-color: #d81b60;
+}
+
+.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-maroon .custom-select:focus,
+.dark-mode .accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-maroon .custom-file-input:focus ~ .custom-file-label {
+  border-color: #fbdee8;
+}
+
+.dark-mode .accent-maroon .page-item .page-link {
+  color: #ed6c9b;
+}
+
+.dark-mode .accent-maroon .page-item.active a,
+.dark-mode .accent-maroon .page-item.active .page-link {
+  background-color: #ed6c9b;
+  border-color: #ed6c9b;
+  color: #fff;
+}
+
+.dark-mode .accent-maroon .page-item.disabled a,
+.dark-mode .accent-maroon .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode .dark-mode.accent-maroon .page-item .page-link:focus {
+  color: #f083ab;
+}
+
+.dark-mode .accent-blue .btn-link,
+.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-blue .nav-tabs .nav-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-blue .btn-link:hover,
+.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-blue .nav-tabs .nav-link:hover {
+  color: #28415c;
+}
+
+.dark-mode .accent-blue .dropdown-item:active, .dark-mode .accent-blue .dropdown-item.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-blue .custom-select:focus,
+.dark-mode .accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-blue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #85a7ca;
+}
+
+.dark-mode .accent-blue .page-item .page-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-blue .page-item.active a,
+.dark-mode .accent-blue .page-item.active .page-link {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-blue .page-item.disabled a,
+.dark-mode .accent-blue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-blue .page-item .page-link:hover, .dark-mode .dark-mode.accent-blue .page-item .page-link:focus {
+  color: #4774a3;
+}
+
+.dark-mode .accent-indigo .btn-link,
+.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-indigo .nav-tabs .nav-link {
+  color: #6610f2;
+}
+
+.dark-mode .accent-indigo .btn-link:hover,
+.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-indigo .nav-tabs .nav-link:hover {
+  color: #4709ac;
+}
+
+.dark-mode .accent-indigo .dropdown-item:active, .dark-mode .accent-indigo .dropdown-item.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-indigo .custom-select:focus,
+.dark-mode .accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-indigo .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b389f9;
+}
+
+.dark-mode .accent-indigo .page-item .page-link {
+  color: #6610f2;
+}
+
+.dark-mode .accent-indigo .page-item.active a,
+.dark-mode .accent-indigo .page-item.active .page-link {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .accent-indigo .page-item.disabled a,
+.dark-mode .accent-indigo .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode .dark-mode.accent-indigo .page-item .page-link:focus {
+  color: #7528f3;
+}
+
+.dark-mode .accent-purple .btn-link,
+.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-purple .nav-tabs .nav-link {
+  color: #6f42c1;
+}
+
+.dark-mode .accent-purple .btn-link:hover,
+.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-purple .nav-tabs .nav-link:hover {
+  color: #4e2d89;
+}
+
+.dark-mode .accent-purple .dropdown-item:active, .dark-mode .accent-purple .dropdown-item.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-purple .custom-select:focus,
+.dark-mode .accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-purple .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .accent-purple .page-item .page-link {
+  color: #6f42c1;
+}
+
+.dark-mode .accent-purple .page-item.active a,
+.dark-mode .accent-purple .page-item.active .page-link {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .accent-purple .page-item.disabled a,
+.dark-mode .accent-purple .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-purple .page-item .page-link:hover, .dark-mode .dark-mode.accent-purple .page-item .page-link:focus {
+  color: #7e55c7;
+}
+
+.dark-mode .accent-pink .btn-link,
+.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-pink .nav-tabs .nav-link {
+  color: #e83e8c;
+}
+
+.dark-mode .accent-pink .btn-link:hover,
+.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-pink .nav-tabs .nav-link:hover {
+  color: #c21766;
+}
+
+.dark-mode .accent-pink .dropdown-item:active, .dark-mode .accent-pink .dropdown-item.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-pink .custom-select:focus,
+.dark-mode .accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-pink .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .accent-pink .page-item .page-link {
+  color: #e83e8c;
+}
+
+.dark-mode .accent-pink .page-item.active a,
+.dark-mode .accent-pink .page-item.active .page-link {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .accent-pink .page-item.disabled a,
+.dark-mode .accent-pink .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-pink .page-item .page-link:hover, .dark-mode .dark-mode.accent-pink .page-item .page-link:focus {
+  color: #eb559a;
+}
+
+.dark-mode .accent-red .btn-link,
+.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-red .nav-tabs .nav-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-red .btn-link:hover,
+.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-red .nav-tabs .nav-link:hover {
+  color: #bf2718;
+}
+
+.dark-mode .accent-red .dropdown-item:active, .dark-mode .accent-red .dropdown-item.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-red .custom-select:focus,
+.dark-mode .accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-red .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .accent-red .page-item .page-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-red .page-item.active a,
+.dark-mode .accent-red .page-item.active .page-link {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-red .page-item.disabled a,
+.dark-mode .accent-red .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-red .page-item .page-link:hover, .dark-mode .dark-mode.accent-red .page-item .page-link:focus {
+  color: #ea6153;
+}
+
+.dark-mode .accent-orange .btn-link,
+.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-orange .nav-tabs .nav-link {
+  color: #fd7e14;
+}
+
+.dark-mode .accent-orange .btn-link:hover,
+.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-orange .nav-tabs .nav-link:hover {
+  color: #c35a02;
+}
+
+.dark-mode .accent-orange .dropdown-item:active, .dark-mode .accent-orange .dropdown-item.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-orange .custom-select:focus,
+.dark-mode .accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-orange .custom-file-input:focus ~ .custom-file-label {
+  border-color: #fec392;
+}
+
+.dark-mode .accent-orange .page-item .page-link {
+  color: #fd7e14;
+}
+
+.dark-mode .accent-orange .page-item.active a,
+.dark-mode .accent-orange .page-item.active .page-link {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #fff;
+}
+
+.dark-mode .accent-orange .page-item.disabled a,
+.dark-mode .accent-orange .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-orange .page-item .page-link:hover, .dark-mode .dark-mode.accent-orange .page-item .page-link:focus {
+  color: #fd8c2d;
+}
+
+.dark-mode .accent-yellow .btn-link,
+.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-yellow .nav-tabs .nav-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-yellow .btn-link:hover,
+.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-yellow .nav-tabs .nav-link:hover {
+  color: #b06f09;
+}
+
+.dark-mode .accent-yellow .dropdown-item:active, .dark-mode .accent-yellow .dropdown-item.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-yellow .custom-select:focus,
+.dark-mode .accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-yellow .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .accent-yellow .page-item .page-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-yellow .page-item.active a,
+.dark-mode .accent-yellow .page-item.active .page-link {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #fff;
+}
+
+.dark-mode .accent-yellow .page-item.disabled a,
+.dark-mode .accent-yellow .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode .dark-mode.accent-yellow .page-item .page-link:focus {
+  color: #f4a62a;
+}
+
+.dark-mode .accent-green .btn-link,
+.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-green .nav-tabs .nav-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-green .btn-link:hover,
+.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-green .nav-tabs .nav-link:hover {
+  color: #007053;
+}
+
+.dark-mode .accent-green .dropdown-item:active, .dark-mode .accent-green .dropdown-item.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-green .custom-select:focus,
+.dark-mode .accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-green .custom-file-input:focus ~ .custom-file-label {
+  border-color: #3dffcd;
+}
+
+.dark-mode .accent-green .page-item .page-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-green .page-item.active a,
+.dark-mode .accent-green .page-item.active .page-link {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-green .page-item.disabled a,
+.dark-mode .accent-green .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-green .page-item .page-link:hover, .dark-mode .dark-mode.accent-green .page-item .page-link:focus {
+  color: #00d69f;
+}
+
+.dark-mode .accent-teal .btn-link,
+.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-teal .nav-tabs .nav-link {
+  color: #20c997;
+}
+
+.dark-mode .accent-teal .btn-link:hover,
+.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-teal .nav-tabs .nav-link:hover {
+  color: #158765;
+}
+
+.dark-mode .accent-teal .dropdown-item:active, .dark-mode .accent-teal .dropdown-item.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-teal .custom-select:focus,
+.dark-mode .accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-teal .custom-file-input:focus ~ .custom-file-label {
+  border-color: #7eeaca;
+}
+
+.dark-mode .accent-teal .page-item .page-link {
+  color: #20c997;
+}
+
+.dark-mode .accent-teal .page-item.active a,
+.dark-mode .accent-teal .page-item.active .page-link {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .accent-teal .page-item.disabled a,
+.dark-mode .accent-teal .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-teal .page-item .page-link:hover, .dark-mode .dark-mode.accent-teal .page-item .page-link:focus {
+  color: #26dca6;
+}
+
+.dark-mode .accent-cyan .btn-link,
+.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-cyan .nav-tabs .nav-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-cyan .btn-link:hover,
+.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-cyan .nav-tabs .nav-link:hover {
+  color: #1d6fa5;
+}
+
+.dark-mode .accent-cyan .dropdown-item:active, .dark-mode .accent-cyan .dropdown-item.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-cyan .custom-select:focus,
+.dark-mode .accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-cyan .custom-file-input:focus ~ .custom-file-label {
+  border-color: #a0cfee;
+}
+
+.dark-mode .accent-cyan .page-item .page-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-cyan .page-item.active a,
+.dark-mode .accent-cyan .page-item.active .page-link {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-cyan .page-item.disabled a,
+.dark-mode .accent-cyan .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode .dark-mode.accent-cyan .page-item .page-link:focus {
+  color: #4aa3df;
+}
+
+.dark-mode .accent-white .btn-link,
+.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-white .nav-tabs .nav-link {
+  color: #fff;
+}
+
+.dark-mode .accent-white .btn-link:hover,
+.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-white .nav-tabs .nav-link:hover {
+  color: #d9d9d9;
+}
+
+.dark-mode .accent-white .dropdown-item:active, .dark-mode .accent-white .dropdown-item.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-white .custom-select:focus,
+.dark-mode .accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-white .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.dark-mode .accent-white .page-item .page-link {
+  color: #fff;
+}
+
+.dark-mode .accent-white .page-item.active a,
+.dark-mode .accent-white .page-item.active .page-link {
+  background-color: #fff;
+  border-color: #fff;
+  color: #fff;
+}
+
+.dark-mode .accent-white .page-item.disabled a,
+.dark-mode .accent-white .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-white .page-item .page-link:hover, .dark-mode .dark-mode.accent-white .page-item .page-link:focus {
+  color: white;
+}
+
+.dark-mode .accent-gray .btn-link,
+.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-gray .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray .btn-link:hover,
+.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-gray .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.dark-mode .accent-gray .dropdown-item:active, .dark-mode .accent-gray .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-gray .custom-select:focus,
+.dark-mode .accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-gray .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.dark-mode .accent-gray .page-item .page-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray .page-item.active a,
+.dark-mode .accent-gray .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-gray .page-item.disabled a,
+.dark-mode .accent-gray .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-gray .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.dark-mode .accent-gray-dark .btn-link,
+.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-gray-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray-dark .btn-link:hover,
+.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-gray-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.dark-mode .accent-gray-dark .dropdown-item:active, .dark-mode .accent-gray-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-gray-dark .custom-select:focus,
+.dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-gray-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.dark-mode .accent-gray-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray-dark .page-item.active a,
+.dark-mode .accent-gray-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-gray-dark .page-item.disabled a,
+.dark-mode .accent-gray-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+.dark-mode .border-dark {
+  border-color: #4b545c !important;
+}
diff --git a/public/css/dist/all.css b/public/css/dist/all.css
index 4ee80b33c9..ecc7c7283c 100644
--- a/public/css/dist/all.css
+++ b/public/css/dist/all.css
@@ -14864,1183 +14864,10323 @@ readers do not read off random characters that represent icons */
   unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
 
 /*!
- * AdminLTE v2.4.18
- * 
- *   Author:  Colorlib
- *   Support: <https://github.com/ColorlibHQ/AdminLTE/issues>
- *   Repository: git://github.com/ColorlibHQ/AdminLTE.git
- *   License: MIT <http://opensource.org/licenses/MIT>
+ *   AdminLTE v3.2.0
+ *   Author: Colorlib
+ *   Website: AdminLTE.io <https://adminlte.io>
+ *   License: Open source - MIT <https://opensource.org/licenses/MIT>
  */
-/*
- * Core: General Layout Style
- * -------------------------
+/*!
+ * Bootstrap v4.6.1 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
-html,
-body {
-  height: 100%;
+:root {
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #fd7e14;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #007bff;
+  --secondary: #6c757d;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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;
 }
-.layout-boxed html,
-.layout-boxed body {
-  height: 100%;
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
 }
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
 body {
-  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  margin: 0;
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 1rem;
   font-weight: 400;
-  overflow-x: hidden;
-  overflow-y: auto;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
 }
-/* Layout */
-.wrapper {
-  height: 100%;
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: auto;
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
 }
-.wrapper:before,
-.wrapper:after {
-  content: " ";
-  display: table;
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
 }
-.wrapper:after {
-  clear: both;
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
 }
-.layout-boxed .wrapper {
-  max-width: 1250px;
-  margin: 0 auto;
-  min-height: 100%;
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-  position: relative;
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
 }
-.layout-boxed {
-  background-color: #f9fafc;
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
 }
-/*
- * Content Wrapper - contains the main content
- */
-.content-wrapper,
-.main-footer {
-  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
-  margin-left: 230px;
-  z-index: 820;
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
 }
-.layout-top-nav .content-wrapper,
-.layout-top-nav .main-footer {
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
   margin-left: 0;
 }
-@media (max-width: 767px) {
-  .content-wrapper,
-  .main-footer {
-    margin-left: 0;
-  }
+
+blockquote {
+  margin: 0 0 1rem;
 }
-@media (min-width: 768px) {
-  .sidebar-collapse .content-wrapper,
-  .sidebar-collapse .main-footer {
-    margin-left: 0;
-  }
+
+b,
+strong {
+  font-weight: bolder;
 }
-@media (max-width: 767px) {
-  .sidebar-open .content-wrapper,
-  .sidebar-open .main-footer {
-    transform: translate(230px, 0);
-  }
+
+small {
+  font-size: 80%;
 }
-.content-wrapper {
-  min-height: calc(100vh - 101px);
-  background-color: #ecf0f5;
-  z-index: 800;
-}
-@media (max-width: 767px) {
-  .content-wrapper {
-    min-height: calc(100vh - 151px);
-  }
-}
-.main-footer {
-  background: #fff;
-  padding: 15px;
-  color: #444;
-  border-top: 1px solid #d2d6de;
-}
-/* Fixed layout */
-.fixed .main-header,
-.fixed .main-sidebar,
-.fixed .left-side {
-  position: fixed;
-}
-.fixed .main-header {
-  top: 0;
-  right: 0;
-  left: 0;
-}
-.fixed .content-wrapper,
-.fixed .right-side {
-  padding-top: 50px;
-}
-@media (max-width: 767px) {
-  .fixed .content-wrapper,
-  .fixed .right-side {
-    padding-top: 100px;
-  }
-}
-.fixed.layout-boxed .wrapper {
-  max-width: 100%;
-}
-.fixed .wrapper {
-  overflow: hidden;
-}
-.hold-transition .content-wrapper,
-.hold-transition .right-side,
-.hold-transition .main-footer,
-.hold-transition .main-sidebar,
-.hold-transition .left-side,
-.hold-transition .main-header .navbar,
-.hold-transition .main-header .logo,
-.hold-transition .menu-open .fa-angle-left {
-  /* Fix for IE */
-  transition: none;
-}
-/* Content */
-.content {
-  min-height: 250px;
-  padding: 15px;
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-/* H1 - H6 font */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  font-family: 'Source Sans Pro', sans-serif;
-}
-/* General Links */
-a {
-  color: #3c8dbc;
-}
-a:hover,
-a:active,
-a:focus {
-  outline: none;
-  text-decoration: none;
-  color: #72afd2;
-}
-/* Page Header */
-.page-header {
-  margin: 10px 0 20px 0;
-  font-size: 22px;
-}
-.page-header > small {
-  color: #666;
-  display: block;
-  margin-top: 5px;
-}
-/*
- * Component: Main Header
- * ----------------------
- */
-.main-header {
+
+sub,
+sup {
   position: relative;
-  max-height: 100px;
-  z-index: 1030;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
 }
-.main-header .navbar {
-  transition: margin-left 0.3s ease-in-out;
-  margin-bottom: 0;
-  margin-left: 230px;
-  border: none;
-  min-height: 50px;
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: none;
+}
+
+a:not([href]):not([class]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
   border-radius: 0;
 }
-.layout-top-nav .main-header .navbar {
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role="button"] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.2;
+  color: inherit;
+}
+
+h1, .h1 {
+  font-size: 2.5rem;
+}
+
+h2, .h2 {
+  font-size: 2rem;
+}
+
+h3, .h3 {
+  font-size: 1.75rem;
+}
+
+h4, .h4 {
+  font-size: 1.5rem;
+}
+
+h5, .h5 {
+  font-size: 1.25rem;
+}
+
+h6, .h6 {
+  font-size: 1rem;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+small,
+.small {
+  font-size: 80%;
+  font-weight: 400;
+}
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+.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: 0.5rem;
+}
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #6c757d;
+}
+
+.blockquote-footer::before {
+  content: "\2014\00A0";
+}
+
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  max-width: 100%;
+  height: auto;
+}
+
+.figure {
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: 90%;
+  color: #6c757d;
+}
+
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-wrap: break-word;
+}
+
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
+  box-shadow: none;
+}
+
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529;
+}
+
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl {
+  width: 100%;
+  padding-right: 7.5px;
+  padding-left: 7.5px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container, .container-sm {
+    max-width: 540px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container, .container-sm, .container-md {
+    max-width: 720px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container, .container-sm, .container-md, .container-lg {
+    max-width: 960px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl {
+    max-width: 1140px;
+  }
+}
+
+.row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -7.5px;
+  margin-left: -7.5px;
+}
+
+.no-gutters {
+  margin-right: 0;
   margin-left: 0;
 }
-.main-header #navbar-search-input.form-control {
-  background: rgba(255, 255, 255, 0.2);
-  border-color: transparent;
+
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+  padding-right: 0;
+  padding-left: 0;
 }
-.main-header #navbar-search-input.form-control:focus,
-.main-header #navbar-search-input.form-control:active {
-  border-color: rgba(0, 0, 0, 0.1);
-  background: rgba(255, 255, 255, 0.9);
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  padding-right: 7.5px;
+  padding-left: 7.5px;
 }
-.main-header #navbar-search-input.form-control::-moz-placeholder {
-  color: #ccc;
-  opacity: 1;
+
+.col {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  max-width: 100%;
 }
-.main-header #navbar-search-input.form-control:-ms-input-placeholder {
-  color: #ccc;
+
+.row-cols-1 > * {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
 }
-.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
-  color: #ccc;
+
+.row-cols-2 > * {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
 }
-.main-header .navbar-custom-menu,
-.main-header .navbar-right {
-  float: right;
+
+.row-cols-3 > * {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
 }
-@media (max-width: 991px) {
-  .main-header .navbar-custom-menu a,
-  .main-header .navbar-right a {
-    color: inherit;
-    background: transparent;
+
+.row-cols-4 > * {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.row-cols-5 > * {
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  max-width: 20%;
+}
+
+.row-cols-6 > * {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.col-auto {
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%;
+}
+
+.col-1 {
+  -ms-flex: 0 0 8.333333%;
+  flex: 0 0 8.333333%;
+  max-width: 8.333333%;
+}
+
+.col-2 {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.col-3 {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.col-4 {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+}
+
+.col-5 {
+  -ms-flex: 0 0 41.666667%;
+  flex: 0 0 41.666667%;
+  max-width: 41.666667%;
+}
+
+.col-6 {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.col-7 {
+  -ms-flex: 0 0 58.333333%;
+  flex: 0 0 58.333333%;
+  max-width: 58.333333%;
+}
+
+.col-8 {
+  -ms-flex: 0 0 66.666667%;
+  flex: 0 0 66.666667%;
+  max-width: 66.666667%;
+}
+
+.col-9 {
+  -ms-flex: 0 0 75%;
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.col-10 {
+  -ms-flex: 0 0 83.333333%;
+  flex: 0 0 83.333333%;
+  max-width: 83.333333%;
+}
+
+.col-11 {
+  -ms-flex: 0 0 91.666667%;
+  flex: 0 0 91.666667%;
+  max-width: 91.666667%;
+}
+
+.col-12 {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.order-first {
+  -ms-flex-order: -1;
+  order: -1;
+}
+
+.order-last {
+  -ms-flex-order: 13;
+  order: 13;
+}
+
+.order-0 {
+  -ms-flex-order: 0;
+  order: 0;
+}
+
+.order-1 {
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+.order-2 {
+  -ms-flex-order: 2;
+  order: 2;
+}
+
+.order-3 {
+  -ms-flex-order: 3;
+  order: 3;
+}
+
+.order-4 {
+  -ms-flex-order: 4;
+  order: 4;
+}
+
+.order-5 {
+  -ms-flex-order: 5;
+  order: 5;
+}
+
+.order-6 {
+  -ms-flex-order: 6;
+  order: 6;
+}
+
+.order-7 {
+  -ms-flex-order: 7;
+  order: 7;
+}
+
+.order-8 {
+  -ms-flex-order: 8;
+  order: 8;
+}
+
+.order-9 {
+  -ms-flex-order: 9;
+  order: 9;
+}
+
+.order-10 {
+  -ms-flex-order: 10;
+  order: 10;
+}
+
+.order-11 {
+  -ms-flex-order: 11;
+  order: 11;
+}
+
+.order-12 {
+  -ms-flex-order: 12;
+  order: 12;
+}
+
+.offset-1 {
+  margin-left: 8.333333%;
+}
+
+.offset-2 {
+  margin-left: 16.666667%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-4 {
+  margin-left: 33.333333%;
+}
+
+.offset-5 {
+  margin-left: 41.666667%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-7 {
+  margin-left: 58.333333%;
+}
+
+.offset-8 {
+  margin-left: 66.666667%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-10 {
+  margin-left: 83.333333%;
+}
+
+.offset-11 {
+  margin-left: 91.666667%;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-sm-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-sm-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-sm-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-sm-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-sm-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-sm-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-sm-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-sm-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-sm-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-sm-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-sm-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-sm-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-sm-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-sm-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-sm-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-sm-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-sm-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-sm-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-sm-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-sm-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-sm-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-sm-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-sm-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-sm-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-sm-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-sm-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-sm-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-sm-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.666667%;
   }
 }
-@media (max-width: 767px) {
-  .main-header .navbar-right {
-    float: none;
+
+@media (min-width: 768px) {
+  .col-md {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
   }
-  .navbar-collapse .main-header .navbar-right {
-    margin: 7.5px -15px;
+  .row-cols-md-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
   }
-  .main-header .navbar-right > li {
-    color: inherit;
+  .row-cols-md-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-md-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-md-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-md-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-md-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-md-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-md-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-md-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-md-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-md-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-md-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-md-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-md-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-md-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-md-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-md-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-md-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-md-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-md-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-md-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-md-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-md-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-md-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-md-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-md-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-md-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-md-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 992px) {
+  .col-lg {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-lg-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-lg-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-lg-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-lg-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-lg-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-lg-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-lg-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-lg-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-lg-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-lg-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-lg-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-lg-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-lg-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-lg-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-lg-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-lg-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-lg-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-lg-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-lg-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-lg-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-lg-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-lg-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-lg-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-lg-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-lg-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-lg-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-lg-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-lg-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-xl-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-xl-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-xl-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-xl-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-xl-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-xl-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-xl-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-xl-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-xl-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-xl-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-xl-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-xl-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-xl-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-xl-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-xl-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-xl-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-xl-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-xl-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-xl-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-xl-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-xl-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-xl-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-xl-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-xl-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-xl-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-xl-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-xl-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-xl-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-xl-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-xl-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-xl-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-xl-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
+  background-color: transparent;
+}
+
+.table th,
+.table td {
+  padding: 0.75rem;
+  vertical-align: top;
+  border-top: 1px solid #dee2e6;
+}
+
+.table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dee2e6;
+}
+
+.table tbody + tbody {
+  border-top: 2px solid #dee2e6;
+}
+
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem;
+}
+
+.table-bordered {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered th,
+.table-bordered td {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered thead th,
+.table-bordered thead td {
+  border-bottom-width: 2px;
+}
+
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+  border: 0;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table-hover tbody tr:hover {
+  color: #212529;
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #b8daff;
+}
+
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody {
+  border-color: #7abaff;
+}
+
+.table-hover .table-primary:hover {
+  background-color: #9fcdff;
+}
+
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+  background-color: #9fcdff;
+}
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #d6d8db;
+}
+
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody {
+  border-color: #b3b7bb;
+}
+
+.table-hover .table-secondary:hover {
+  background-color: #c8cbcf;
+}
+
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+  background-color: #c8cbcf;
+}
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #c3e6cb;
+}
+
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody {
+  border-color: #8fd19e;
+}
+
+.table-hover .table-success:hover {
+  background-color: #b1dfbb;
+}
+
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+  background-color: #b1dfbb;
+}
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #bee5eb;
+}
+
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody {
+  border-color: #86cfda;
+}
+
+.table-hover .table-info:hover {
+  background-color: #abdde5;
+}
+
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+  background-color: #abdde5;
+}
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffeeba;
+}
+
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody {
+  border-color: #ffdf7e;
+}
+
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1;
+}
+
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+  background-color: #ffe8a1;
+}
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f5c6cb;
+}
+
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody {
+  border-color: #ed969e;
+}
+
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7;
+}
+
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+  background-color: #f1b0b7;
+}
+
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe;
+}
+
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody {
+  border-color: #fbfcfc;
+}
+
+.table-hover .table-light:hover {
+  background-color: #ececf6;
+}
+
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th {
+  background-color: #ececf6;
+}
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c6c8ca;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody {
+  border-color: #95999c;
+}
+
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe;
+}
+
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th {
+  background-color: #b9bbbe;
+}
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table .thead-dark th {
+  color: #fff;
+  background-color: #212529;
+  border-color: #383f45;
+}
+
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.table-dark {
+  color: #fff;
+  background-color: #212529;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th {
+  border-color: #383f45;
+}
+
+.table-dark.table-bordered {
+  border: 0;
+}
+
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.table-dark.table-hover tbody tr:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.075);
+}
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-sm > .table-bordered {
     border: 0;
   }
 }
-.main-header .sidebar-toggle {
-  float: left;
+
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .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;
+  }
+  .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;
+  }
+  .table-responsive-xl > .table-bordered {
+    border: 0;
+  }
+}
+
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.table-responsive > .table-bordered {
+  border: 0;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
+.form-control::-ms-expand {
   background-color: transparent;
-  background-image: none;
-  padding: 15px 15px;
-  font-family: fontAwesome;
+  border: 0;
 }
-.main-header .sidebar-toggle:before {
-  content: "\f0c9";
+
+.form-control:focus {
+  color: #495057;
+  background-color: #fff;
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
 }
-.main-header .sidebar-toggle:hover {
-  color: #fff;
+
+.form-control::-webkit-input-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle:focus,
-.main-header .sidebar-toggle:active {
-  background: transparent;
+
+.form-control::-moz-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle.fa5 {
-  font-family: "Font Awesome\ 5 Free";
+
+.form-control:-ms-input-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle.fa5:before {
-  content: "\f0c9";
-  font-weight: 900;
+
+.form-control::-ms-input-placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .sidebar-toggle .icon-bar {
-  display: none;
+
+.form-control::placeholder {
+  color: #939ba2;
+  opacity: 1;
 }
-.main-header .navbar .nav > li.user > a > .fa,
-.main-header .navbar .nav > li.user > a > .glyphicon,
-.main-header .navbar .nav > li.user > a > .ion {
-  margin-right: 5px;
+
+.form-control:disabled, .form-control[readonly] {
+  background-color: #e9ecef;
+  opacity: 1;
 }
-.main-header .navbar .nav > li > a > .label {
-  position: absolute;
-  top: 9px;
-  right: 7px;
-  text-align: center;
-  font-size: 9px;
-  padding: 2px 3px;
-  line-height: 0.9;
+
+input[type="date"].form-control,
+input[type="time"].form-control,
+input[type="datetime-local"].form-control,
+input[type="month"].form-control {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
-.main-header .logo {
-  transition: width 0.3s ease-in-out;
+
+select.form-control:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range {
   display: block;
-  float: left;
-  height: 50px;
-  font-size: 20px;
-  line-height: 50px;
-  text-align: center;
-  width: 230px;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding: 0 15px;
-  font-weight: 300;
-  overflow: hidden;
+  width: 100%;
 }
-.main-header .logo img {
-  padding: 4px;
-  -o-object-fit: contain;
-     object-fit: contain;
-  margin: 0 auto;
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
 }
-.main-header .logo .logo-lg {
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.form-control-plaintext {
   display: block;
+  width: 100%;
+  padding: 0.375rem 0;
+  margin-bottom: 0;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #212529;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
 }
-.main-header .logo .logo-lg img {
-  max-width: 200px;
-  max-height: 50px;
+
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
 }
-.main-header .logo .logo-lg .brandlogo-image {
-  margin-top: 8px;
-  margin-right: 10px;
+
+.form-control-sm {
+  height: calc(1.8125rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.form-control-lg {
+  height: calc(2.875rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+select.form-control[size], select.form-control[multiple] {
+  height: auto;
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
+}
+
+.form-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -5px;
   margin-left: -5px;
 }
-.main-header .logo .logo-mini {
+
+.form-row > .col,
+.form-row > [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem;
+}
+
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+  color: #6c757d;
+}
+
+.form-check-label {
+  margin-bottom: 0;
+}
+
+.form-check-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
+}
+
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #28a745;
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(40, 167, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row > .col > .valid-tooltip,
+.form-row > [class*="col-"] > .valid-tooltip {
+  left: 5px;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: #28a745;
+  padding-right: 2.25rem !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.was-validated select.form-control:valid, select.form-control.is-valid {
+  padding-right: 3rem !important;
+  background-position: right 1.5rem center;
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+  padding-right: 2.25rem;
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:valid, .custom-select.is-valid {
+  border-color: #28a745;
+  padding-right: calc(0.75em + 2.3125rem) !important;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #28a745;
+}
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+  color: #28a745;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+  border-color: #34ce57;
+  background-color: #34ce57;
+}
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #dc3545;
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(220, 53, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row > .col > .invalid-tooltip,
+.form-row > [class*="col-"] > .invalid-tooltip {
+  left: 5px;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+  border-color: #dc3545;
+  padding-right: 2.25rem !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.was-validated select.form-control:invalid, select.form-control.is-invalid {
+  padding-right: 3rem !important;
+  background-position: right 1.5rem center;
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+  padding-right: 2.25rem;
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(0.75em + 2.3125rem) !important;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #dc3545;
+}
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+  color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+  border-color: #e4606d;
+  background-color: #e4606d;
+}
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+}
+
+.form-inline {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.form-inline .form-check {
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .form-inline label {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-group {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    -ms-flex-align: center;
+    align-items: 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 .input-group,
+  .form-inline .custom-select {
+    width: auto;
+  }
+  .form-inline .form-check {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: auto;
+    padding-left: 0;
+  }
+  .form-inline .form-check-input {
+    position: relative;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    margin-top: 0;
+    margin-right: 0.25rem;
+    margin-left: 0;
+  }
+  .form-inline .custom-control {
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+  }
+  .form-inline .custom-control-label {
+    margin-bottom: 0;
+  }
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+
+.btn:hover {
+  color: #212529;
+  text-decoration: none;
+}
+
+.btn:focus, .btn.focus {
+  outline: 0;
+  box-shadow: none;
+}
+
+.btn.disabled, .btn:disabled {
+  opacity: 0.65;
+  box-shadow: none;
+}
+
+.btn:not(:disabled):not(.disabled) {
+  cursor: pointer;
+}
+
+.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
+  box-shadow: none;
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+  box-shadow: none;
+}
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: #0069d9;
+  border-color: #0062cc;
+}
+
+.btn-primary:focus, .btn-primary.focus {
+  color: #fff;
+  background-color: #0069d9;
+  border-color: #0062cc;
+  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #0062cc;
+  border-color: #005cbf;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
+}
+
+.btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+  box-shadow: none;
+}
+
+.btn-secondary:hover {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.btn-secondary:focus, .btn-secondary.focus {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #545b62;
+  border-color: #4e555b;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.btn-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+  box-shadow: none;
+}
+
+.btn-success:hover {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+}
+
+.btn-success:focus, .btn-success.focus {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
+}
+
+.btn-success.disabled, .btn-success:disabled {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+.show > .btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #1e7e34;
+  border-color: #1c7430;
+}
+
+.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
+}
+
+.btn-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  box-shadow: none;
+}
+
+.btn-info:hover {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+}
+
+.btn-info:focus, .btn-info.focus {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
+}
+
+.btn-info.disabled, .btn-info:disabled {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+.show > .btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #117a8b;
+  border-color: #10707f;
+}
+
+.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
+}
+
+.btn-warning {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+  box-shadow: none;
+}
+
+.btn-warning:hover {
+  color: #1f2d3d;
+  background-color: #e0a800;
+  border-color: #d39e00;
+}
+
+.btn-warning:focus, .btn-warning.focus {
+  color: #1f2d3d;
+  background-color: #e0a800;
+  border-color: #d39e00;
+  box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
+}
+
+.btn-warning.disabled, .btn-warning:disabled {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+.show > .btn-warning.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #d39e00;
+  border-color: #c69500;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
+}
+
+.btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+  box-shadow: none;
+}
+
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+}
+
+.btn-danger:focus, .btn-danger.focus {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+  box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
+}
+
+.btn-danger.disabled, .btn-danger:disabled {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+.show > .btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #bd2130;
+  border-color: #b21f2d;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
+}
+
+.btn-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  box-shadow: none;
+}
+
+.btn-light:hover {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+}
+
+.btn-light:focus, .btn-light.focus {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.btn-light.disabled, .btn-light:disabled {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+.show > .btn-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #dae0e5;
+  border-color: #d3d9df;
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.btn-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+  box-shadow: none;
+}
+
+.btn-dark:hover {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+}
+
+.btn-dark:focus, .btn-dark.focus {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
+}
+
+.btn-dark.disabled, .btn-dark:disabled {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+.show > .btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #1d2124;
+  border-color: #171a1d;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
+}
+
+.btn-outline-primary {
+  color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:hover {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:focus, .btn-outline-primary.focus {
+  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+  color: #007bff;
+  background-color: transparent;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:focus, .btn-outline-secondary.focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+  color: #6c757d;
+  background-color: transparent;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-success {
+  color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:hover {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:focus, .btn-outline-success.focus {
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-success.disabled, .btn-outline-success:disabled {
+  color: #28a745;
+  background-color: transparent;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+.show > .btn-outline-success.dropdown-toggle {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-info {
+  color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:hover {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:focus, .btn-outline-info.focus {
+  box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-info.disabled, .btn-outline-info:disabled {
+  color: #17a2b8;
+  background-color: transparent;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+.show > .btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-warning {
+  color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:hover {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:focus, .btn-outline-warning.focus {
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-warning.disabled, .btn-outline-warning:disabled {
+  color: #ffc107;
+  background-color: transparent;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+.show > .btn-outline-warning.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-danger {
+  color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:hover {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:focus, .btn-outline-danger.focus {
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-danger.disabled, .btn-outline-danger:disabled {
+  color: #dc3545;
+  background-color: transparent;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+.show > .btn-outline-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:hover {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:focus, .btn-outline-light.focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+  color: #f8f9fa;
+  background-color: transparent;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+.show > .btn-outline-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-dark {
+  color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:hover {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:focus, .btn-outline-dark.focus {
+  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
+}
+
+.btn-outline-dark.disabled, .btn-outline-dark:disabled {
+  color: #343a40;
+  background-color: transparent;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+.show > .btn-outline-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #007bff;
+  text-decoration: none;
+}
+
+.btn-link:hover {
+  color: #0056b3;
+  text-decoration: none;
+}
+
+.btn-link:focus, .btn-link.focus {
+  text-decoration: none;
+}
+
+.btn-link:disabled, .btn-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+}
+
+.btn-block + .btn-block {
+  margin-top: 0.5rem;
+}
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
   display: none;
 }
-.main-header .logo .logo-mini img {
-  max-width: 50px;
-  max-height: 50px;
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
 }
-.main-header .logo .logo-mini .brandlogo-image {
-  margin-top: 8px;
-  margin-right: 10px;
-  margin-left: 10px;
+
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
 }
-.main-header .logo .brandlogo-image {
+
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+}
+
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
   float: left;
-  height: 34px;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
+}
+
+.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: 0.125rem;
+}
+
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-menu {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: 0.125rem;
+}
+
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-toggle::after {
+  vertical-align: 0;
+}
+
+.dropleft .dropdown-menu {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: 0.125rem;
+}
+
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+
+.dropleft .dropdown-toggle::after {
+  display: none;
+}
+
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0;
+}
+
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
+  right: auto;
+  bottom: auto;
+}
+
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+}
+
+.dropdown-item:hover, .dropdown-item:focus {
+  color: #16181b;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+  color: #fff;
+  text-decoration: none;
+  background-color: #007bff;
+}
+
+.dropdown-item.disabled, .dropdown-item:disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap;
+}
+
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1rem;
+  color: #212529;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+}
+
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover {
+  z-index: 1;
+}
+
+.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+  z-index: 1;
+}
+
+.btn-toolbar {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.btn-toolbar .input-group {
   width: auto;
 }
-.main-header .navbar-brand {
-  color: #fff;
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+  margin-left: -1px;
 }
-.content-header {
-  position: relative;
-  padding: 15px 15px 0 15px;
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.content-header > h1 {
-  margin: 0;
-  font-size: 24px;
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-.content-header > h1 > small {
-  font-size: 15px;
-  display: inline-block;
-  padding-left: 4px;
-  font-weight: 300;
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
 }
-.content-header > .breadcrumb {
-  float: right;
-  background: transparent;
-  margin-top: 0;
+
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+
+.btn-group.show .dropdown-toggle {
+  box-shadow: none;
+}
+
+.btn-group.show .dropdown-toggle.btn-link {
+  box-shadow: none;
+}
+
+.btn-group-vertical {
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+  width: 100%;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+  margin-top: -1px;
+}
+
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
   margin-bottom: 0;
-  font-size: 12px;
-  padding: 7px 5px;
+}
+
+.btn-group-toggle > .btn input[type="radio"],
+.btn-group-toggle > .btn input[type="checkbox"],
+.btn-group-toggle > .btn-group > .btn input[type="radio"],
+.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
   position: absolute;
-  top: 15px;
-  right: 10px;
-  border-radius: 2px;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
 }
-.content-header > .breadcrumb > li > a {
-  color: #444;
-  text-decoration: none;
-  display: inline-block;
+
+.input-group {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  width: 100%;
 }
-.content-header > .breadcrumb > li > a > .fa,
-.content-header > .breadcrumb > li > a > .glyphicon,
-.content-header > .breadcrumb > li > a > .ion {
-  margin-right: 5px;
+
+.input-group > .form-control,
+.input-group > .form-control-plaintext,
+.input-group > .custom-select,
+.input-group > .custom-file {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+  margin-bottom: 0;
 }
-.content-header > .breadcrumb > li + li:before {
-  content: '>\00a0';
+
+.input-group > .form-control + .form-control,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .custom-file,
+.input-group > .form-control-plaintext + .form-control,
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .custom-select + .form-control,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file {
+  margin-left: -1px;
 }
-@media (max-width: 991px) {
-  .content-header > .breadcrumb {
-    position: relative;
-    margin-top: 5px;
-    top: 0;
-    right: 0;
-    float: none;
-    background: #d2d6de;
-    padding-left: 10px;
-  }
-  .content-header > .breadcrumb li:before {
-    color: #97a0b3;
-  }
+
+.input-group > .form-control:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
+  z-index: 3;
 }
-.navbar-toggle {
+
+.input-group > .custom-file .custom-file-input:focus {
+  z-index: 4;
+}
+
+.input-group > .form-control:not(:first-child),
+.input-group > .custom-select:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group > .custom-file {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.input-group > .custom-file:not(:last-child) .custom-file-label,
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group:not(.has-validation) > .form-control:not(:last-child),
+.input-group:not(.has-validation) > .custom-select:not(:last-child),
+.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
+.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group.has-validation > .form-control:nth-last-child(n + 3),
+.input-group.has-validation > .custom-select:nth-last-child(n + 3),
+.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
+.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.input-group-prepend .btn,
+.input-group-append .btn {
+  position: relative;
+  z-index: 2;
+}
+
+.input-group-prepend .btn:focus,
+.input-group-append .btn:focus {
+  z-index: 3;
+}
+
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn {
+  margin-left: -1px;
+}
+
+.input-group-prepend {
+  margin-right: -1px;
+}
+
+.input-group-append {
+  margin-left: -1px;
+}
+
+.input-group-text {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+.input-group-text input[type="radio"],
+.input-group-text input[type="checkbox"] {
+  margin-top: 0;
+}
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+  height: calc(2.875rem + 2px);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+  height: calc(1.8125rem + 2px);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: 1.75rem;
+}
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
+.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) {
+  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:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .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) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.custom-control {
+  position: relative;
+  z-index: 1;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem;
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+}
+
+.custom-control-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin-right: 1rem;
+}
+
+.custom-control-input {
+  position: absolute;
+  left: 0;
+  z-index: -1;
+  width: 1rem;
+  height: 1.25rem;
+  opacity: 0;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
   color: #fff;
-  border: 0;
+  border-color: #007bff;
+  background-color: #007bff;
+  box-shadow: none;
+}
+
+.custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  color: #fff;
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+  box-shadow: none;
+}
+
+.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
+  color: #6c757d;
+}
+
+.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
+  background-color: #e9ecef;
+}
+
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+
+.custom-control-label::before {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  pointer-events: none;
+  content: "";
+  background-color: #dee2e6;
+  border: #adb5bd solid 1px;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-control-label::after {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  content: "";
+  background: 50% / 50% 50% no-repeat;
+}
+
+.custom-checkbox .custom-control-label::before {
+  border-radius: 0.25rem;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+  box-shadow: none;
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
+}
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-radio .custom-control-label::before {
+  border-radius: 50%;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
+}
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-switch {
+  padding-left: 2.25rem;
+}
+
+.custom-switch .custom-control-label::before {
+  left: -2.25rem;
+  width: 1.75rem;
+  pointer-events: all;
+  border-radius: 0.5rem;
+}
+
+.custom-switch .custom-control-label::after {
+  top: calc(0.25rem + 2px);
+  left: calc(-2.25rem + 2px);
+  width: calc(1rem - 4px);
+  height: calc(1rem - 4px);
+  background-color: #adb5bd;
+  border-radius: 0.5rem;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-switch .custom-control-label::after {
+    transition: none;
+  }
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #dee2e6;
+  transform: translateX(0.75rem);
+}
+
+.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  vertical-align: middle;
+  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-select:focus {
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+
+.custom-select:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.custom-select[multiple], .custom-select[size]:not([size="1"]) {
+  height: auto;
+  padding-right: 0.75rem;
+  background-image: none;
+}
+
+.custom-select:disabled {
+  color: #6c757d;
+  background-color: #e9ecef;
+}
+
+.custom-select::-ms-expand {
+  display: none;
+}
+
+.custom-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+.custom-select-sm {
+  height: calc(1.8125rem + 2px);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 75%;
+}
+
+.custom-select-lg {
+  height: calc(2.875rem + 2px);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 125%;
+}
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(2.25rem + 2px);
   margin: 0;
-  padding: 15px 15px;
+  overflow: hidden;
+  opacity: 0;
 }
-@media (max-width: 991px) {
-  .navbar-custom-menu .navbar-nav > li {
-    float: left;
-  }
-  .navbar-custom-menu .navbar-nav {
-    margin: 0;
-    float: left;
-  }
-  .navbar-custom-menu .navbar-nav > li > a {
-    padding-top: 15px;
-    padding-bottom: 15px;
-    line-height: 20px;
+
+.custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+  box-shadow: none;
+}
+
+.custom-file-input[disabled] ~ .custom-file-label,
+.custom-file-input:disabled ~ .custom-file-label {
+  background-color: #e9ecef;
+}
+
+.custom-file-input:lang(en) ~ .custom-file-label::after {
+  content: "Browse";
+}
+
+.custom-file-input ~ .custom-file-label[data-browse]::after {
+  content: attr(data-browse);
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 0.75rem;
+  overflow: hidden;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  box-shadow: none;
+}
+
+.custom-file-label::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: block;
+  height: 2.25rem;
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  content: "Browse";
+  background-color: #e9ecef;
+  border-left: inherit;
+  border-radius: 0 0.25rem 0.25rem 0;
+}
+
+.custom-range {
+  width: 100%;
+  height: 1rem;
+  padding: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: 0;
+}
+
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-webkit-slider-thumb {
+    -webkit-transition: none;
+    transition: none;
   }
 }
-@media (max-width: 767px) {
-  .main-header {
-    position: relative;
-  }
-  .main-header .logo,
-  .main-header .navbar {
-    width: 100%;
-    float: none;
-  }
-  .main-header .navbar {
-    margin: 0;
-  }
-  .main-header .navbar-custom-menu {
-    float: right;
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-moz-range-thumb {
+    -moz-transition: none;
+    transition: none;
   }
 }
-@media (max-width: 991px) {
-  .navbar-collapse.pull-left {
-    float: none !important;
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  margin-right: 0;
+  margin-left: 0;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-ms-thumb {
+    -ms-transition: none;
+    transition: none;
   }
-  .navbar-collapse.pull-left + .navbar-custom-menu {
-    display: block;
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-moz-range-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-ms-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition: none;
+  }
+}
+
+.nav {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem;
+}
+
+.nav-link:hover, .nav-link:focus {
+  text-decoration: none;
+}
+
+.nav-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: default;
+}
+
+.nav-tabs {
+  border-bottom: 1px solid #dee2e6;
+}
+
+.nav-tabs .nav-link {
+  margin-bottom: -1px;
+  border: 1px solid transparent;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+  border-color: #e9ecef #e9ecef #dee2e6;
+}
+
+.nav-tabs .nav-link.disabled {
+  color: #6c757d;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: #495057;
+  background-color: #fff;
+  border-color: #dee2e6 #dee2e6 #fff;
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+  border-radius: 0.25rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #007bff;
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  text-align: center;
+}
+
+.tab-content > .tab-pane {
+  display: none;
+}
+
+.tab-content > .active {
+  display: block;
+}
+
+.navbar {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 0.5rem 0.5rem;
+}
+
+.navbar .container,
+.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
+  margin-right: 0.5rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+.navbar-brand:hover, .navbar-brand:focus {
+  text-decoration: none;
+}
+
+.navbar-nav {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  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;
+  float: none;
+}
+
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.navbar-collapse {
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.navbar-toggler:hover, .navbar-toggler:focus {
+  text-decoration: none;
+}
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: 50% / 100% 100% no-repeat;
+}
+
+.navbar-nav-scroll {
+  max-height: 75vh;
+  overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-sm .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
-    top: 0;
-    right: 40px;
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
   }
 }
-/*
- * Component: Sidebar
- * ------------------
- */
-.main-sidebar {
+
+@media (max-width: 767.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-md .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-md .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-lg .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .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 {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xl .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+  .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 {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+}
+
+.navbar-expand {
+  -ms-flex-flow: row nowrap;
+  flex-flow: row nowrap;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.navbar-expand .navbar-nav {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+}
+
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
+}
+
+.navbar-expand .navbar-collapse {
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+}
+
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+
+.navbar-light .navbar-brand {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+  color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-toggler {
+  color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.navbar-light .navbar-text {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-text a {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+  color: #fff;
+}
+
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+  color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+  color: white;
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.navbar-dark .navbar-toggler {
+  color: rgba(255, 255, 255, 0.75);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.navbar-dark .navbar-text {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-text a {
+  color: #fff;
+}
+
+.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+  color: #fff;
+}
+
+.card {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 0 solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+}
+
+.card > hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.card > .list-group {
+  border-top: inherit;
+  border-bottom: inherit;
+}
+
+.card > .list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: calc(0.25rem - 0);
+  border-top-right-radius: calc(0.25rem - 0);
+}
+
+.card > .list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: calc(0.25rem - 0);
+  border-bottom-left-radius: calc(0.25rem - 0);
+}
+
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+  border-top: 0;
+}
+
+.card-body {
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
+}
+
+.card-title {
+  margin-bottom: 0.75rem;
+}
+
+.card-subtitle {
+  margin-top: -0.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: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 0 solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+  border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0;
+}
+
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 0 solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+  border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
+}
+
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem;
+  border-radius: calc(0.25rem - 0);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: calc(0.25rem - 0);
+  border-top-right-radius: calc(0.25rem - 0);
+}
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: calc(0.25rem - 0);
+  border-bottom-left-radius: calc(0.25rem - 0);
+}
+
+.card-deck .card {
+  margin-bottom: 7.5px;
+}
+
+@media (min-width: 576px) {
+  .card-deck {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    margin-right: -7.5px;
+    margin-left: -7.5px;
+  }
+  .card-deck .card {
+    -ms-flex: 1 0 0%;
+    flex: 1 0 0%;
+    margin-right: 7.5px;
+    margin-bottom: 0;
+    margin-left: 7.5px;
+  }
+}
+
+.card-group > .card {
+  margin-bottom: 7.5px;
+}
+
+@media (min-width: 576px) {
+  .card-group {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+  }
+  .card-group > .card {
+    -ms-flex: 1 0 0%;
+    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-img-top,
+  .card-group > .card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-bottom,
+  .card-group > .card:not(:last-child) .card-footer {
+    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-img-top,
+  .card-group > .card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-bottom,
+  .card-group > .card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+
+.card-columns .card {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .card-columns {
+    -moz-column-count: 3;
+    column-count: 3;
+    -moz-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
+  }
+  .card-columns .card {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.accordion {
+  overflow-anchor: none;
+}
+
+.accordion > .card {
+  overflow: hidden;
+}
+
+.accordion > .card:not(:last-of-type) {
+  border-bottom: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.accordion > .card:not(:first-of-type) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.accordion > .card > .card-header {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.breadcrumb {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+}
+
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+  float: left;
+  padding-right: 0.5rem;
+  color: #6c757d;
+  content: "/";
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: underline;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: none;
+}
+
+.breadcrumb-item.active {
+  color: #6c757d;
+}
+
+.pagination {
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem;
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #007bff;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+}
+
+.page-link:hover {
+  z-index: 2;
+  color: #0056b3;
+  text-decoration: none;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.page-link:focus {
+  z-index: 3;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.page-item:first-child .page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.page-item.active .page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #fff;
+  border-color: #dee2e6;
+}
+
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius: 0.3rem;
+  border-bottom-left-radius: 0.3rem;
+}
+
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
+}
+
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius: 0.2rem;
+  border-bottom-left-radius: 0.2rem;
+}
+
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .badge {
+    transition: none;
+  }
+}
+
+a.badge:hover, a.badge:focus {
+  text-decoration: none;
+}
+
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem;
+}
+
+.badge-primary {
+  color: #fff;
+  background-color: #007bff;
+}
+
+a.badge-primary:hover, a.badge-primary:focus {
+  color: #fff;
+  background-color: #0062cc;
+}
+
+a.badge-primary:focus, a.badge-primary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.badge-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+a.badge-secondary:hover, a.badge-secondary:focus {
+  color: #fff;
+  background-color: #545b62;
+}
+
+a.badge-secondary:focus, a.badge-secondary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.badge-success {
+  color: #fff;
+  background-color: #28a745;
+}
+
+a.badge-success:hover, a.badge-success:focus {
+  color: #fff;
+  background-color: #1e7e34;
+}
+
+a.badge-success:focus, a.badge-success.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.badge-info {
+  color: #fff;
+  background-color: #17a2b8;
+}
+
+a.badge-info:hover, a.badge-info:focus {
+  color: #fff;
+  background-color: #117a8b;
+}
+
+a.badge-info:focus, a.badge-info.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.badge-warning {
+  color: #1f2d3d;
+  background-color: #ffc107;
+}
+
+a.badge-warning:hover, a.badge-warning:focus {
+  color: #1f2d3d;
+  background-color: #d39e00;
+}
+
+a.badge-warning:focus, a.badge-warning.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.badge-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+a.badge-danger:hover, a.badge-danger:focus {
+  color: #fff;
+  background-color: #bd2130;
+}
+
+a.badge-danger:focus, a.badge-danger.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.badge-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+}
+
+a.badge-light:hover, a.badge-light:focus {
+  color: #1f2d3d;
+  background-color: #dae0e5;
+}
+
+a.badge-light:focus, a.badge-light.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.badge-dark {
+  color: #fff;
+  background-color: #343a40;
+}
+
+a.badge-dark:hover, a.badge-dark:focus {
+  color: #fff;
+  background-color: #1d2124;
+}
+
+a.badge-dark:focus, a.badge-dark.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #e9ecef;
+  border-radius: 0.3rem;
+}
+
+@media (min-width: 576px) {
+  .jumbotron {
+    padding: 4rem 2rem;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0;
+}
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert-link {
+  font-weight: 700;
+}
+
+.alert-dismissible {
+  padding-right: 4rem;
+}
+
+.alert-dismissible .close, .alert-dismissible .mailbox-attachment-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 0.75rem 1.25rem;
+  color: inherit;
+}
+
+.alert-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.alert-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.alert-primary .alert-link {
+  color: #002752;
+}
+
+.alert-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.alert-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.alert-secondary .alert-link {
+  color: #202326;
+}
+
+.alert-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.alert-success .alert-link {
+  color: #0b2e13;
+}
+
+.alert-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.alert-info hr {
+  border-top-color: #abdde5;
+}
+
+.alert-info .alert-link {
+  color: #062c33;
+}
+
+.alert-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.alert-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.alert-warning .alert-link {
+  color: #533f03;
+}
+
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.alert-danger .alert-link {
+  color: #491217;
+}
+
+.alert-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.alert-light hr {
+  border-top-color: #ececf6;
+}
+
+.alert-light .alert-link {
+  color: #686868;
+}
+
+.alert-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.alert-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.alert-dark .alert-link {
+  color: #040505;
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  display: -ms-flexbox;
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  line-height: 0;
+  font-size: 0.75rem;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
+}
+
+.progress-bar {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #007bff;
+  transition: width 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+  animation: 1s linear infinite progress-bar-stripes;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
+}
+
+.media {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.media-body {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.list-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: 0.25rem;
+}
+
+.list-group-item-action {
+  width: 100%;
+  color: #495057;
+  text-align: inherit;
+}
+
+.list-group-item-action:hover, .list-group-item-action:focus {
+  z-index: 1;
+  color: #495057;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.list-group-item-action:active {
+  color: #212529;
+  background-color: #e9ecef;
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+}
+
+.list-group-item.active {
+  z-index: 2;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.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 {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.list-group-horizontal > .list-group-item:first-child {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item:last-child {
+  border-top-right-radius: 0.25rem;
+  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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-sm > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-md > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-lg > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    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 {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-xl > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+.list-group-flush {
+  border-radius: 0;
+}
+
+.list-group-flush > .list-group-item {
+  border-width: 0 0 1px;
+}
+
+.list-group-flush > .list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+  color: #004085;
+  background-color: #b8daff;
+}
+
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+  color: #004085;
+  background-color: #9fcdff;
+}
+
+.list-group-item-primary.list-group-item-action.active {
+  color: #fff;
+  background-color: #004085;
+  border-color: #004085;
+}
+
+.list-group-item-secondary {
+  color: #383d41;
+  background-color: #d6d8db;
+}
+
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+  color: #383d41;
+  background-color: #c8cbcf;
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+  color: #fff;
+  background-color: #383d41;
+  border-color: #383d41;
+}
+
+.list-group-item-success {
+  color: #155724;
+  background-color: #c3e6cb;
+}
+
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+  color: #155724;
+  background-color: #b1dfbb;
+}
+
+.list-group-item-success.list-group-item-action.active {
+  color: #fff;
+  background-color: #155724;
+  border-color: #155724;
+}
+
+.list-group-item-info {
+  color: #0c5460;
+  background-color: #bee5eb;
+}
+
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+  color: #0c5460;
+  background-color: #abdde5;
+}
+
+.list-group-item-info.list-group-item-action.active {
+  color: #fff;
+  background-color: #0c5460;
+  border-color: #0c5460;
+}
+
+.list-group-item-warning {
+  color: #856404;
+  background-color: #ffeeba;
+}
+
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+  color: #856404;
+  background-color: #ffe8a1;
+}
+
+.list-group-item-warning.list-group-item-action.active {
+  color: #fff;
+  background-color: #856404;
+  border-color: #856404;
+}
+
+.list-group-item-danger {
+  color: #721c24;
+  background-color: #f5c6cb;
+}
+
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+  color: #721c24;
+  background-color: #f1b0b7;
+}
+
+.list-group-item-danger.list-group-item-action.active {
+  color: #fff;
+  background-color: #721c24;
+  border-color: #721c24;
+}
+
+.list-group-item-light {
+  color: #818182;
+  background-color: #fdfdfe;
+}
+
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+  color: #818182;
+  background-color: #ececf6;
+}
+
+.list-group-item-light.list-group-item-action.active {
+  color: #fff;
+  background-color: #818182;
+  border-color: #818182;
+}
+
+.list-group-item-dark {
+  color: #1b1e21;
+  background-color: #c6c8ca;
+}
+
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+  color: #1b1e21;
+  background-color: #b9bbbe;
+}
+
+.list-group-item-dark.list-group-item-action.active {
+  color: #fff;
+  background-color: #1b1e21;
+  border-color: #1b1e21;
+}
+
+.close, .mailbox-attachment-close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5;
+}
+
+.close:hover, .mailbox-attachment-close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
+  opacity: .75;
+}
+
+button.close, button.mailbox-attachment-close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+a.close.disabled, a.disabled.mailbox-attachment-close {
+  pointer-events: none;
+}
+
+.toast {
+  -ms-flex-preferred-size: 350px;
+  flex-basis: 350px;
+  max-width: 350px;
+  font-size: 0.875rem;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  border-radius: 0.25rem;
+}
+
+.toast:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+
+.toast.showing {
+  opacity: 1;
+}
+
+.toast.show {
+  display: block;
+  opacity: 1;
+}
+
+.toast.hide {
+  display: none;
+}
+
+.toast-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0.25rem 0.75rem;
+  color: #6c757d;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.toast-body {
+  padding: 0.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: 0.5rem;
+  pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+  transition: transform 0.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: -ms-flexbox;
+  display: flex;
+  max-height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+  max-height: calc(100vh - 1rem);
+  overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: calc(100% - 1rem);
+}
+
+.modal-dialog-centered::before {
+  display: block;
+  height: calc(100vh - 1rem);
+  height: -webkit-min-content;
+  height: -moz-min-content;
+  height: min-content;
+  content: "";
+}
+
+.modal-dialog-centered.modal-dialog-scrollable {
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  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: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
+  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: 0.5;
+}
+
+.modal-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 1rem;
+  border-bottom: 1px solid #e9ecef;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.modal-header .close, .modal-header .mailbox-attachment-close {
+  padding: 1rem;
+  margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.modal-body {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 1rem;
+}
+
+.modal-footer {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  padding: 0.75rem;
+  border-top: 1px solid #e9ecef;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.modal-footer > * {
+  margin: 0.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);
+    height: -webkit-min-content;
+    height: -moz-min-content;
+    height: min-content;
+  }
+  .modal-content {
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
+  }
+  .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", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  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: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+
+.tooltip.show {
+  opacity: 0.9;
+}
+
+.tooltip .arrow {
+  position: absolute;
+  display: block;
+  width: 0.8rem;
+  height: 0.4rem;
+}
+
+.tooltip .arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+  bottom: 0;
+}
+
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+  top: 0;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+  left: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+  right: 0;
+  border-width: 0.4rem 0.4rem 0.4rem 0;
+  border-right-color: #000;
+}
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+  top: 0;
+}
+
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+  bottom: 0;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+  right: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+  left: 0;
+  border-width: 0.4rem 0 0.4rem 0.4rem;
+  border-left-color: #000;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 0.25rem;
+}
+
+.popover {
   position: absolute;
   top: 0;
   left: 0;
-  padding-top: 50px;
-  min-height: 100%;
-  width: 230px;
-  z-index: 810;
-  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  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: 0.875rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
 }
-@media (max-width: 767px) {
-  .main-sidebar {
-    padding-top: 100px;
-  }
+
+.popover .arrow {
+  position: absolute;
+  display: block;
+  width: 1rem;
+  height: 0.5rem;
+  margin: 0 0.3rem;
 }
-@media (max-width: 767px) {
-  .main-sidebar {
-    transform: translate(-230px, 0);
-  }
-}
-@media (min-width: 768px) {
-  .sidebar-collapse .main-sidebar {
-    transform: translate(-230px, 0);
-  }
-}
-@media (max-width: 767px) {
-  .sidebar-open .main-sidebar {
-    transform: translate(0, 0);
-  }
-}
-.sidebar {
-  padding-bottom: 10px;
-}
-.sidebar-form input:focus {
+
+.popover .arrow::before, .popover .arrow::after {
+  position: absolute;
+  display: block;
+  content: "";
   border-color: transparent;
+  border-style: solid;
 }
-.user-panel {
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+  margin-bottom: 0.5rem;
+}
+
+.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
+  bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
+  bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
+  bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: #fff;
+}
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+  margin-left: 0.5rem;
+}
+
+.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
+  left: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
+  left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
+  left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: #fff;
+}
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+  margin-top: 0.5rem;
+}
+
+.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
+  top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
+  top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
+  top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 1rem;
+  margin-left: -0.5rem;
+  content: "";
+  border-bottom: 1px solid #f7f7f7;
+}
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+  margin-right: 0.5rem;
+}
+
+.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
+  right: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
+  right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
+  right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: #fff;
+}
+
+.popover-header {
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  color: inherit;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: 0.5rem 0.75rem;
+  color: #212529;
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+
+.carousel-inner {
   position: relative;
   width: 100%;
-  padding: 10px;
   overflow: hidden;
 }
-.user-panel:before,
-.user-panel:after {
-  content: " ";
-  display: table;
-}
-.user-panel:after {
+
+.carousel-inner::after {
+  display: block;
   clear: both;
+  content: "";
 }
-.user-panel > .image > img {
-  width: 100%;
-  max-width: 45px;
-  height: auto;
-}
-.user-panel > .info {
-  padding: 5px 5px 5px 15px;
-  line-height: 1;
-  position: absolute;
-  left: 55px;
-}
-.user-panel > .info > p {
-  font-weight: 600;
-  margin-bottom: 9px;
-}
-.user-panel > .info > a {
-  text-decoration: none;
-  padding-right: 5px;
-  margin-top: 3px;
-  font-size: 11px;
-}
-.user-panel > .info > a > .fa,
-.user-panel > .info > a > .ion,
-.user-panel > .info > a > .glyphicon {
-  margin-right: 3px;
-}
-.sidebar-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.sidebar-menu > li {
+
+.carousel-item {
   position: relative;
-  margin: 0;
-  padding: 0;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  transition: transform 0.6s ease;
 }
-.sidebar-menu > li > a {
-  padding: 12px 5px 12px 15px;
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
   display: block;
 }
-.sidebar-menu > li > a > .fa,
-.sidebar-menu > li > a > .glyphicon,
-.sidebar-menu > li > a > .ion {
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+  transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+  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 0.6s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-right {
+    transition: none;
+  }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 15%;
+  padding: 0;
+  color: #fff;
+  text-align: center;
+  background: none;
+  border: 0;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-prev,
+  .carousel-control-next {
+    transition: none;
+  }
+}
+
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+
+.carousel-control-prev {
+  left: 0;
+}
+
+.carousel-control-next {
+  right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
   width: 20px;
+  height: 20px;
+  background: 50% / 100% 100% no-repeat;
 }
-.sidebar-menu > li .label,
-.sidebar-menu > li .badge {
-  margin-right: 5px;
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
 }
-.sidebar-menu > li .badge {
-  margin-top: 3px;
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
 }
-.sidebar-menu li.header {
-  padding: 10px 25px 10px 15px;
-  font-size: 12px;
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none;
 }
-.sidebar-menu li > a > .fa-angle-left,
-.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
+
+.carousel-indicators li {
+  box-sizing: content-box;
+  -ms-flex: 0 1 auto;
+  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 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators li {
+    transition: none;
+  }
+}
+
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+}
+
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  border: 0.25em solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: .75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: .75s linear infinite spinner-grow;
+}
+
+.spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    animation-duration: 1.5s;
+  }
+}
+
+.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;
+}
+
+.bg-primary {
+  background-color: #007bff !important;
+}
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #0062cc !important;
+}
+
+.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important;
+}
+
+.bg-success {
+  background-color: #28a745 !important;
+}
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #1e7e34 !important;
+}
+
+.bg-info {
+  background-color: #17a2b8 !important;
+}
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #117a8b !important;
+}
+
+.bg-warning {
+  background-color: #ffc107 !important;
+}
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d39e00 !important;
+}
+
+.bg-danger {
+  background-color: #dc3545 !important;
+}
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #bd2130 !important;
+}
+
+.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important;
+}
+
+.bg-dark {
+  background-color: #343a40 !important;
+}
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1d2124 !important;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
+
+.border {
+  border: 1px solid #dee2e6 !important;
+}
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important;
+}
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-left {
+  border-left: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-right-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-left-0 {
+  border-left: 0 !important;
+}
+
+.border-primary {
+  border-color: #007bff !important;
+}
+
+.border-secondary {
+  border-color: #6c757d !important;
+}
+
+.border-success {
+  border-color: #28a745 !important;
+}
+
+.border-info {
+  border-color: #17a2b8 !important;
+}
+
+.border-warning {
+  border-color: #ffc107 !important;
+}
+
+.border-danger {
+  border-color: #dc3545 !important;
+}
+
+.border-light {
+  border-color: #f8f9fa !important;
+}
+
+.border-dark {
+  border-color: #343a40 !important;
+}
+
+.border-white {
+  border-color: #fff !important;
+}
+
+.rounded-sm {
+  border-radius: 0.2rem !important;
+}
+
+.rounded {
+  border-radius: 0.25rem !important;
+}
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important;
+}
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-lg {
+  border-radius: 0.3rem !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.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: -ms-flexbox !important;
+  display: flex !important;
+}
+
+.d-inline-flex {
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+}
+
+@media (min-width: 576px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-sm-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-xl-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !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: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-print-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+
+.embed-responsive::before {
+  display: block;
+  content: "";
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-responsive-21by9::before {
+  padding-top: 42.857143%;
+}
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before {
+  padding-top: 75%;
+}
+
+.embed-responsive-1by1::before {
+  padding-top: 100%;
+}
+
+.flex-row {
+  -ms-flex-direction: row !important;
+  flex-direction: row !important;
+}
+
+.flex-column {
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  -ms-flex-direction: row-reverse !important;
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  -ms-flex-direction: column-reverse !important;
+  flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+  -ms-flex-wrap: wrap !important;
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  -ms-flex-wrap: nowrap !important;
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  -ms-flex-wrap: wrap-reverse !important;
+  flex-wrap: wrap-reverse !important;
+}
+
+.flex-fill {
+  -ms-flex: 1 1 auto !important;
+  flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+  -ms-flex-positive: 0 !important;
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  -ms-flex-positive: 1 !important;
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0 !important;
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  -ms-flex-negative: 1 !important;
+  flex-shrink: 1 !important;
+}
+
+.justify-content-start {
+  -ms-flex-pack: start !important;
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  -ms-flex-pack: distribute !important;
+  justify-content: space-around !important;
+}
+
+.align-items-start {
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  -ms-flex-align: end !important;
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  -ms-flex-align: baseline !important;
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  -ms-flex-align: stretch !important;
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  -ms-flex-line-pack: start !important;
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  -ms-flex-line-pack: end !important;
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  -ms-flex-line-pack: center !important;
+  align-content: center !important;
+}
+
+.align-content-between {
+  -ms-flex-line-pack: justify !important;
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  -ms-flex-line-pack: distribute !important;
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  -ms-flex-line-pack: stretch !important;
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  -ms-flex-item-align: auto !important;
+  align-self: auto !important;
+}
+
+.align-self-start {
+  -ms-flex-item-align: start !important;
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  -ms-flex-item-align: end !important;
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  -ms-flex-item-align: center !important;
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  -ms-flex-item-align: baseline !important;
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  -ms-flex-item-align: stretch !important;
+  align-self: stretch !important;
+}
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-sm-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-sm-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-sm-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-sm-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-sm-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-sm-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-sm-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-sm-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-sm-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-sm-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-sm-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-sm-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-sm-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-sm-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-sm-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-sm-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-sm-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-sm-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-sm-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-sm-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-sm-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-sm-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-sm-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-sm-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-sm-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-sm-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-sm-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-sm-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-sm-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-md-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-md-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-md-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-md-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-md-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-md-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-md-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-md-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-md-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-md-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-md-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-md-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-md-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-md-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-md-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-md-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-md-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-md-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-md-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-md-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-md-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-md-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-lg-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-lg-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-lg-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-lg-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-lg-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-lg-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-lg-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-lg-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-lg-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-lg-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-lg-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-lg-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-lg-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-lg-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-lg-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-lg-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-lg-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-lg-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-lg-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-lg-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-lg-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-xl-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-xl-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-xl-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-xl-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-xl-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-xl-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-xl-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-xl-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-xl-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-xl-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-xl-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-xl-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-xl-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-xl-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-xl-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-xl-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-xl-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-xl-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-xl-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-xl-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-xl-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-xl-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-xl-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-xl-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-xl-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-xl-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-xl-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-xl-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-xl-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+.float-left {
+  float: left !important;
+}
+
+.float-right {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important;
+  }
+  .float-sm-right {
+    float: right !important;
+  }
+  .float-sm-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important;
+  }
+  .float-md-right {
+    float: right !important;
+  }
+  .float-md-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important;
+  }
+  .float-lg-right {
+    float: right !important;
+  }
+  .float-lg-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important;
+  }
+  .float-xl-right {
+    float: right !important;
+  }
+  .float-xl-none {
+    float: none !important;
+  }
+}
+
+.user-select-all {
+  -webkit-user-select: all !important;
+  -moz-user-select: all !important;
+  user-select: all !important;
+}
+
+.user-select-auto {
+  -webkit-user-select: auto !important;
+  -moz-user-select: auto !important;
+  -ms-user-select: auto !important;
+  user-select: auto !important;
+}
+
+.user-select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !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;
+}
+
+.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;
+  }
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
   width: auto;
   height: auto;
-  padding: 0;
-  margin-right: 10px;
-  transition: transform 0.5s ease;
-}
-.sidebar-menu li > a > .fa-angle-left {
-  position: absolute;
-  top: 50%;
-  right: 10px;
-  margin-top: -8px;
-}
-.sidebar-menu .menu-open > a > .fa-angle-left,
-.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
-  transform: rotate(-90deg);
-}
-.sidebar-menu .active > .treeview-menu {
-  display: block;
-}
-/*
- * Component: Sidebar Mini
- */
-@media (min-width: 768px) {
-  .sidebar-mini.sidebar-collapse .content-wrapper,
-  .sidebar-mini.sidebar-collapse .right-side,
-  .sidebar-mini.sidebar-collapse .main-footer {
-    margin-left: 50px !important;
-    z-index: 840;
-  }
-  .sidebar-mini.sidebar-collapse .main-sidebar {
-    transform: translate(0, 0);
-    width: 50px !important;
-    z-index: 850;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
-    position: relative;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
-    margin-right: 0;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
-    border-top-right-radius: 4px;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
-    border-bottom-right-radius: 4px;
-  }
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom-right-radius: 4px;
-  }
-  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
-  .sidebar-mini.sidebar-collapse .sidebar-form,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
-  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
-  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
-    display: none !important;
-    -webkit-transform: translateZ(0);
-  }
-  .sidebar-mini.sidebar-collapse .main-header .logo {
-    width: 50px;
-  }
-  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
-    display: block;
-    margin-left: -15px;
-    margin-right: -15px;
-    font-size: 18px;
-  }
-  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
-    display: none;
-  }
-  .sidebar-mini.sidebar-collapse .main-header .navbar {
-    margin-left: 50px;
-  }
-}
-@media (min-width: 768px) {
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
-    display: block !important;
-    position: absolute;
-    width: 180px;
-    left: 50px;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
-    top: 0;
-    margin-left: -3px;
-    padding: 12px 5px 12px 20px;
-    background-color: inherit;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
-    position: relative !important;
-    float: right;
-    width: auto !important;
-    left: 180px !important;
-    top: -22px !important;
-    z-index: 900;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
-    display: none;
-  }
-  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
-    top: 44px;
-    margin-left: 0;
-  }
-}
-.sidebar-expanded-on-hover .main-footer,
-.sidebar-expanded-on-hover .content-wrapper {
-  margin-left: 50px;
-}
-.sidebar-expanded-on-hover .main-sidebar {
-  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
-}
-.sidebar-menu,
-.main-sidebar .user-panel,
-.sidebar-menu > li.header {
-  white-space: nowrap;
-  overflow: hidden;
-}
-.sidebar-menu:hover {
   overflow: visible;
+  clip: auto;
+  white-space: normal;
 }
-.sidebar-form,
-.sidebar-menu > li.header {
-  overflow: hidden;
-  text-overflow: clip;
+
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }
-.sidebar-menu li > a {
-  position: relative;
+
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }
-.sidebar-menu li > a > .pull-right-container {
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  margin-top: -7px;
+
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }
-/*
- * Component: Control sidebar. By default, this is the right sidebar.
- */
-.control-sidebar-bg {
-  position: fixed;
-  z-index: 1000;
-  bottom: 0;
+
+.shadow-none {
+  box-shadow: none !important;
 }
-.control-sidebar-bg,
-.control-sidebar {
-  top: 0;
-  right: -230px;
-  width: 230px;
-  transition: right 0.3s ease-in-out;
+
+.w-25 {
+  width: 25% !important;
 }
-.control-sidebar {
-  position: absolute;
-  padding-top: 50px;
-  z-index: 1010;
+
+.w-50 {
+  width: 50% !important;
 }
-@media (max-width: 767px) {
-  .control-sidebar {
-    padding-top: 100px;
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-auto {
+  width: auto !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;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important;
+}
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important;
+}
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important;
+}
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important;
+}
+
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important;
+}
+
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important;
+}
+
+.m-3 {
+  margin: 1rem !important;
+}
+
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important;
+}
+
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important;
+}
+
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important;
+}
+
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important;
+}
+
+.m-4 {
+  margin: 1.5rem !important;
+}
+
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important;
+}
+
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important;
+}
+
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important;
+}
+
+.m-5 {
+  margin: 3rem !important;
+}
+
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important;
+}
+
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important;
+}
+
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important;
+}
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important;
+}
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important;
+}
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important;
+}
+
+.p-3 {
+  padding: 1rem !important;
+}
+
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important;
+}
+
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important;
+}
+
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important;
+}
+
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important;
+}
+
+.p-4 {
+  padding: 1.5rem !important;
+}
+
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important;
+}
+
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important;
+}
+
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important;
+}
+
+.p-5 {
+  padding: 3rem !important;
+}
+
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important;
+}
+
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important;
+}
+
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important;
+}
+
+.m-n1 {
+  margin: -0.25rem !important;
+}
+
+.mt-n1,
+.my-n1 {
+  margin-top: -0.25rem !important;
+}
+
+.mr-n1,
+.mx-n1 {
+  margin-right: -0.25rem !important;
+}
+
+.mb-n1,
+.my-n1 {
+  margin-bottom: -0.25rem !important;
+}
+
+.ml-n1,
+.mx-n1 {
+  margin-left: -0.25rem !important;
+}
+
+.m-n2 {
+  margin: -0.5rem !important;
+}
+
+.mt-n2,
+.my-n2 {
+  margin-top: -0.5rem !important;
+}
+
+.mr-n2,
+.mx-n2 {
+  margin-right: -0.5rem !important;
+}
+
+.mb-n2,
+.my-n2 {
+  margin-bottom: -0.5rem !important;
+}
+
+.ml-n2,
+.mx-n2 {
+  margin-left: -0.5rem !important;
+}
+
+.m-n3 {
+  margin: -1rem !important;
+}
+
+.mt-n3,
+.my-n3 {
+  margin-top: -1rem !important;
+}
+
+.mr-n3,
+.mx-n3 {
+  margin-right: -1rem !important;
+}
+
+.mb-n3,
+.my-n3 {
+  margin-bottom: -1rem !important;
+}
+
+.ml-n3,
+.mx-n3 {
+  margin-left: -1rem !important;
+}
+
+.m-n4 {
+  margin: -1.5rem !important;
+}
+
+.mt-n4,
+.my-n4 {
+  margin-top: -1.5rem !important;
+}
+
+.mr-n4,
+.mx-n4 {
+  margin-right: -1.5rem !important;
+}
+
+.mb-n4,
+.my-n4 {
+  margin-bottom: -1.5rem !important;
+}
+
+.ml-n4,
+.mx-n4 {
+  margin-left: -1.5rem !important;
+}
+
+.m-n5 {
+  margin: -3rem !important;
+}
+
+.mt-n5,
+.my-n5 {
+  margin-top: -3rem !important;
+}
+
+.mr-n5,
+.mx-n5 {
+  margin-right: -3rem !important;
+}
+
+.mb-n5,
+.my-n5 {
+  margin-bottom: -3rem !important;
+}
+
+.ml-n5,
+.mx-n5 {
+  margin-left: -3rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important;
+}
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important;
+}
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important;
+  }
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important;
+  }
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important;
+  }
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important;
+  }
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important;
+  }
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important;
+  }
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important;
+  }
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important;
+  }
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important;
+  }
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important;
+  }
+  .m-sm-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-sm-n1,
+  .my-sm-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-sm-n1,
+  .mx-sm-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-sm-n1,
+  .my-sm-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-sm-n1,
+  .mx-sm-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-sm-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-sm-n2,
+  .my-sm-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-sm-n2,
+  .mx-sm-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-sm-n2,
+  .my-sm-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-sm-n2,
+  .mx-sm-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-sm-n3 {
+    margin: -1rem !important;
+  }
+  .mt-sm-n3,
+  .my-sm-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-sm-n3,
+  .mx-sm-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-sm-n3,
+  .my-sm-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-sm-n3,
+  .mx-sm-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-sm-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-sm-n4,
+  .my-sm-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-sm-n4,
+  .mx-sm-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-sm-n4,
+  .my-sm-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-sm-n4,
+  .mx-sm-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-sm-n5 {
+    margin: -3rem !important;
+  }
+  .mt-sm-n5,
+  .my-sm-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-sm-n5,
+  .mx-sm-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-sm-n5,
+  .my-sm-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-sm-n5,
+  .mx-sm-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-sm-auto {
+    margin: auto !important;
+  }
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important;
+  }
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important;
+  }
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important;
   }
 }
-.control-sidebar > .tab-content {
-  padding: 10px 15px;
-}
-.control-sidebar.control-sidebar-open,
-.control-sidebar.control-sidebar-open + .control-sidebar-bg {
-  right: 0;
-}
-.control-sidebar-hold-transition .control-sidebar-bg,
-.control-sidebar-hold-transition .control-sidebar,
-.control-sidebar-hold-transition .content-wrapper {
-  transition: none;
-}
-.control-sidebar-open .control-sidebar-bg,
-.control-sidebar-open .control-sidebar {
-  right: 0;
-}
+
 @media (min-width: 768px) {
-  .control-sidebar-open .content-wrapper,
-  .control-sidebar-open .right-side,
-  .control-sidebar-open .main-footer {
-    margin-right: 230px;
+  .m-md-0 {
+    margin: 0 !important;
+  }
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important;
+  }
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important;
+  }
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important;
+  }
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important;
+  }
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important;
+  }
+  .p-md-0 {
+    padding: 0 !important;
+  }
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important;
+  }
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important;
+  }
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important;
+  }
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important;
+  }
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important;
+  }
+  .m-md-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-md-n1,
+  .my-md-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-md-n1,
+  .mx-md-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-md-n1,
+  .my-md-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-md-n1,
+  .mx-md-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-md-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-md-n2,
+  .my-md-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-md-n2,
+  .mx-md-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-md-n2,
+  .my-md-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-md-n2,
+  .mx-md-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-md-n3 {
+    margin: -1rem !important;
+  }
+  .mt-md-n3,
+  .my-md-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-md-n3,
+  .mx-md-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-md-n3,
+  .my-md-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-md-n3,
+  .mx-md-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-md-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-md-n4,
+  .my-md-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-md-n4,
+  .mx-md-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-md-n4,
+  .my-md-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-md-n4,
+  .mx-md-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-md-n5 {
+    margin: -3rem !important;
+  }
+  .mt-md-n5,
+  .my-md-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-md-n5,
+  .mx-md-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-md-n5,
+  .my-md-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-md-n5,
+  .mx-md-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-md-auto {
+    margin: auto !important;
+  }
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important;
+  }
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important;
+  }
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important;
   }
 }
-.fixed .control-sidebar {
-  position: fixed;
-  height: 100%;
-  overflow-y: auto;
-  padding-bottom: 50px;
-}
-.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
-.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
-.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
-  border-left-width: 0;
-}
-.nav-tabs.control-sidebar-tabs > li > a {
-  border-radius: 0;
-}
-.nav-tabs.control-sidebar-tabs > li > a,
-.nav-tabs.control-sidebar-tabs > li > a:hover {
-  border-top: none;
-  border-right: none;
-  border-left: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-}
-.nav-tabs.control-sidebar-tabs > li > a .icon {
-  font-size: 16px;
-}
-.nav-tabs.control-sidebar-tabs > li.active > a,
-.nav-tabs.control-sidebar-tabs > li.active > a:hover,
-.nav-tabs.control-sidebar-tabs > li.active > a:focus,
-.nav-tabs.control-sidebar-tabs > li.active > a:active {
-  border-top: none;
-  border-right: none;
-  border-bottom: none;
-}
-@media (max-width: 768px) {
-  .nav-tabs.control-sidebar-tabs {
-    display: table;
+
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important;
   }
-  .nav-tabs.control-sidebar-tabs > li {
-    display: table-cell;
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important;
+  }
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important;
+  }
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important;
+  }
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important;
+  }
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important;
+  }
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important;
+  }
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important;
+  }
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important;
+  }
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important;
+  }
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important;
+  }
+  .m-lg-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-lg-n1,
+  .my-lg-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-lg-n1,
+  .mx-lg-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-lg-n1,
+  .my-lg-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-lg-n1,
+  .mx-lg-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-lg-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-lg-n2,
+  .my-lg-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-lg-n2,
+  .mx-lg-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-lg-n2,
+  .my-lg-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-lg-n2,
+  .mx-lg-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-lg-n3 {
+    margin: -1rem !important;
+  }
+  .mt-lg-n3,
+  .my-lg-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-lg-n3,
+  .mx-lg-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-lg-n3,
+  .my-lg-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-lg-n3,
+  .mx-lg-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-lg-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-lg-n4,
+  .my-lg-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-lg-n4,
+  .mx-lg-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-lg-n4,
+  .my-lg-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-lg-n4,
+  .mx-lg-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-lg-n5 {
+    margin: -3rem !important;
+  }
+  .mt-lg-n5,
+  .my-lg-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-lg-n5,
+  .mx-lg-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-lg-n5,
+  .my-lg-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-lg-n5,
+  .mx-lg-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-lg-auto {
+    margin: auto !important;
+  }
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important;
+  }
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important;
+  }
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important;
   }
 }
-.control-sidebar-heading {
-  font-weight: 400;
-  font-size: 16px;
-  padding: 10px 0;
-  margin-bottom: 10px;
-}
-.control-sidebar-subheading {
-  display: block;
-  font-weight: 400;
-  font-size: 14px;
-}
-.control-sidebar-menu {
-  list-style: none;
-  padding: 0;
-  margin: 0 -15px;
-}
-.control-sidebar-menu > li > a {
-  display: block;
-  padding: 10px 15px;
-}
-.control-sidebar-menu > li > a:before,
-.control-sidebar-menu > li > a:after {
-  content: " ";
-  display: table;
-}
-.control-sidebar-menu > li > a:after {
-  clear: both;
-}
-.control-sidebar-menu > li > a > .control-sidebar-subheading {
-  margin-top: 0;
-}
-.control-sidebar-menu .menu-icon {
-  float: left;
-  width: 35px;
-  height: 35px;
-  border-radius: 50%;
-  text-align: center;
-  line-height: 35px;
-}
-.control-sidebar-menu .menu-info {
-  margin-left: 45px;
-  margin-top: 3px;
-}
-.control-sidebar-menu .menu-info > .control-sidebar-subheading {
-  margin: 0;
-}
-.control-sidebar-menu .menu-info > p {
-  margin: 0;
-  font-size: 11px;
-}
-.control-sidebar-menu .progress {
-  margin: 0;
-}
-.control-sidebar-dark {
-  color: #b8c7ce;
-}
-.control-sidebar-dark,
-.control-sidebar-dark + .control-sidebar-bg {
-  background: #222d32;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
-  border-bottom: #1c2529;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
-  background: #181f23;
-  color: #b8c7ce;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
-  border-left-color: #141a1d;
-  border-bottom-color: #141a1d;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
-  background: #1c2529;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
-  color: #fff;
-}
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
-  background: #222d32;
-  color: #fff;
-}
-.control-sidebar-dark .control-sidebar-heading,
-.control-sidebar-dark .control-sidebar-subheading {
-  color: #fff;
-}
-.control-sidebar-dark .control-sidebar-menu > li > a:hover {
-  background: #1e282c;
-}
-.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
-  color: #b8c7ce;
-}
-.control-sidebar-light {
-  color: #5e5e5e;
-}
-.control-sidebar-light,
-.control-sidebar-light + .control-sidebar-bg {
-  background: #f9fafc;
-  border-left: 1px solid #d2d6de;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs {
-  border-bottom: #d2d6de;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
-  background: #e8ecf4;
-  color: #444;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
-  border-left-color: #d2d6de;
-  border-bottom-color: #d2d6de;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
-  background: #eff1f7;
-}
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
-  background: #f9fafc;
-  color: #111;
-}
-.control-sidebar-light .control-sidebar-heading,
-.control-sidebar-light .control-sidebar-subheading {
-  color: #111;
-}
-.control-sidebar-light .control-sidebar-menu {
-  margin-left: -14px;
-}
-.control-sidebar-light .control-sidebar-menu > li > a:hover {
-  background: #f4f4f5;
-}
-.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
-  color: #5e5e5e;
-}
-/*
- * Component: Dropdown menus
- * -------------------------
- */
-/*Dropdowns in general*/
-.dropdown-menu {
-  box-shadow: none;
-  border-color: #eee;
-}
-.dropdown-menu > li > a {
-  color: #777;
-}
-.dropdown-menu > li > a > .glyphicon,
-.dropdown-menu > li > a > .fa,
-.dropdown-menu > li > a > .ion {
-  margin-right: 10px;
-}
-.dropdown-menu > li > a:hover {
-  background-color: #e1e3e9;
-  color: #333;
-}
-.dropdown-menu > .divider {
-  background-color: #eee;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu,
-.navbar-nav > .messages-menu > .dropdown-menu,
-.navbar-nav > .tasks-menu > .dropdown-menu {
-  width: 280px;
-  padding: 0 0 0 0;
-  margin: 0;
-  top: 100%;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu > li,
-.navbar-nav > .messages-menu > .dropdown-menu > li,
-.navbar-nav > .tasks-menu > .dropdown-menu > li {
-  position: relative;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
-.navbar-nav > .messages-menu > .dropdown-menu > li.header,
-.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  background-color: #ffffff;
-  padding: 7px 10px;
-  border-bottom: 1px solid #f4f4f4;
-  color: #444444;
-  font-size: 14px;
-}
-.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
-.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
-.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  font-size: 12px;
-  background-color: #fff;
-  padding: 7px 10px;
-  border-bottom: 1px solid #eeeeee;
-  color: #444 !important;
-  text-align: center;
-}
-@media (max-width: 991px) {
-  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
-  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
-  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-    background: #fff !important;
-    color: #444 !important;
+
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important;
+  }
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important;
+  }
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important;
+  }
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-xl-3 {
+    margin: 1rem !important;
+  }
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important;
+  }
+  .m-xl-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-xl-5 {
+    margin: 3rem !important;
+  }
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important;
+  }
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important;
+  }
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important;
+  }
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important;
+  }
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-xl-3 {
+    padding: 1rem !important;
+  }
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important;
+  }
+  .p-xl-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-xl-5 {
+    padding: 3rem !important;
+  }
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important;
+  }
+  .m-xl-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-xl-n1,
+  .my-xl-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-xl-n1,
+  .mx-xl-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-xl-n1,
+  .my-xl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-xl-n1,
+  .mx-xl-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-xl-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-xl-n2,
+  .my-xl-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-xl-n2,
+  .mx-xl-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-xl-n2,
+  .my-xl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-xl-n2,
+  .mx-xl-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-xl-n3 {
+    margin: -1rem !important;
+  }
+  .mt-xl-n3,
+  .my-xl-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-xl-n3,
+  .mx-xl-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-xl-n3,
+  .my-xl-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-xl-n3,
+  .mx-xl-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-xl-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-xl-n4,
+  .my-xl-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-xl-n4,
+  .mx-xl-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-xl-n4,
+  .my-xl-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-xl-n4,
+  .mx-xl-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-xl-n5 {
+    margin: -3rem !important;
+  }
+  .mt-xl-n5,
+  .my-xl-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-xl-n5,
+  .mx-xl-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-xl-n5,
+  .my-xl-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-xl-n5,
+  .mx-xl-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-xl-auto {
+    margin: auto !important;
+  }
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important;
+  }
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important;
   }
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
-.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
-.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
-  text-decoration: none;
-  font-weight: normal;
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0);
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
-  max-height: 200px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow-x: hidden;
+
+.text-monospace {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
-  display: block;
-  white-space: nowrap;
-  /* Prevent text from breaking */
-  border-bottom: 1px solid #f4f4f4;
+
+.text-justify {
+  text-align: justify !important;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
-  background: #f4f4f4;
-  text-decoration: none;
+
+.text-wrap {
+  white-space: normal !important;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
-  color: #444444;
+
+.text-nowrap {
+  white-space: nowrap !important;
+}
+
+.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
-  padding: 10px;
+  white-space: nowrap;
 }
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
-  width: 20px;
+
+.text-left {
+  text-align: left !important;
 }
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
-  margin: 0;
-  padding: 10px 10px;
+
+.text-right {
+  text-align: right !important;
 }
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
-  margin: auto 10px auto auto;
-  width: 40px;
-  height: 40px;
+
+.text-center {
+  text-align: center !important;
 }
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
-  padding: 0;
-  margin: 0 0 0 45px;
-  color: #444444;
-  font-size: 15px;
-  position: relative;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
-  color: #999999;
-  font-size: 10px;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
-  margin: 0 0 0 45px;
-  font-size: 12px;
-  color: #888888;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
-  content: " ";
-  display: table;
-}
-.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
-  clear: both;
-}
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
-  padding: 10px;
-}
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
-  font-size: 14px;
-  padding: 0;
-  margin: 0 0 10px 0;
-  color: #666666;
-}
-.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
-  padding: 0;
-  margin: 0;
-}
-.navbar-nav > .user-menu > .dropdown-menu {
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-  padding: 1px 0 0 0;
-  border-top-width: 0;
-  width: 280px;
-}
-.navbar-nav > .user-menu > .dropdown-menu,
-.navbar-nav > .user-menu > .dropdown-menu > .user-body {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
-  height: 175px;
-  padding: 10px;
-  text-align: center;
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
-  z-index: 5;
-  height: 90px;
-  width: 90px;
-  border: 3px solid;
-  border-color: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
-  z-index: 5;
-  color: #fff;
-  color: rgba(255, 255, 255, 0.8);
-  font-size: 17px;
-  margin-top: 10px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
-  display: block;
-  font-size: 12px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body {
-  padding: 15px;
-  border-bottom: 1px solid #f4f4f4;
-  border-top: 1px solid #dddddd;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
-.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
-  content: " ";
-  display: table;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
-  clear: both;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
-  color: #444 !important;
-}
-@media (max-width: 991px) {
-  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
-    background: #fff !important;
-    color: #444 !important;
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important;
+  }
+  .text-sm-right {
+    text-align: right !important;
+  }
+  .text-sm-center {
+    text-align: center !important;
   }
 }
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
-  background-color: #f9f9f9;
-  padding: 10px;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
-  content: " ";
-  display: table;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
-  clear: both;
-}
-.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
-  color: #666666;
-}
-@media (max-width: 991px) {
-  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
-    background-color: #f9f9f9;
+
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important;
+  }
+  .text-md-right {
+    text-align: right !important;
+  }
+  .text-md-center {
+    text-align: center !important;
   }
 }
-.navbar-nav > .user-menu .user-image {
-  float: left;
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  margin-right: 10px;
-  margin-top: -2px;
-}
-@media (max-width: 767px) {
-  .navbar-nav > .user-menu .user-image {
-    float: none;
-    margin-right: 0;
-    margin-top: -8px;
-    line-height: 10px;
+
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important;
+  }
+  .text-lg-right {
+    text-align: right !important;
+  }
+  .text-lg-center {
+    text-align: center !important;
   }
 }
-/* Add fade animation to dropdown menus by appending
- the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
-.open:not(.dropup) > .animated-dropdown-menu {
-  backface-visibility: visible !important;
-  animation: flipInX 0.7s both;
+
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important;
+  }
+  .text-xl-right {
+    text-align: right !important;
+  }
+  .text-xl-center {
+    text-align: center !important;
+  }
 }
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.font-weight-light {
+  font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+
+.font-italic {
+  font-style: italic !important;
+}
+
+.text-white {
+  color: #fff !important;
+}
+
+.text-primary {
+  color: #007bff !important;
+}
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #0056b3 !important;
+}
+
+.text-secondary {
+  color: #6c757d !important;
+}
+
+a.text-secondary:hover, a.text-secondary:focus {
+  color: #494f54 !important;
+}
+
+.text-success {
+  color: #28a745 !important;
+}
+
+a.text-success:hover, a.text-success:focus {
+  color: #19692c !important;
+}
+
+.text-info {
+  color: #17a2b8 !important;
+}
+
+a.text-info:hover, a.text-info:focus {
+  color: #0f6674 !important;
+}
+
+.text-warning {
+  color: #ffc107 !important;
+}
+
+a.text-warning:hover, a.text-warning:focus {
+  color: #ba8b00 !important;
+}
+
+.text-danger {
+  color: #dc3545 !important;
+}
+
+a.text-danger:hover, a.text-danger:focus {
+  color: #a71d2a !important;
+}
+
+.text-light {
+  color: #f8f9fa !important;
+}
+
+a.text-light:hover, a.text-light:focus {
+  color: #cbd3da !important;
+}
+
+.text-dark {
+  color: #343a40 !important;
+}
+
+a.text-dark:hover, a.text-dark:focus {
+  color: #121416 !important;
+}
+
+.text-body {
+  color: #212529 !important;
+}
+
+.text-muted {
+  color: #6c757d !important;
+}
+
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
+.text-break {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+}
+
+.text-reset {
+  color: inherit !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+@media print {
+  *,
+  *::before,
+  *::after {
+    text-shadow: none !important;
+    box-shadow: none !important;
+  }
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+  abbr[title]::after {
+    content: " (" attr(title) ")";
+  }
+  pre {
+    white-space: pre-wrap !important;
+  }
+  pre,
+  blockquote {
+    border: 1px solid #adb5bd;
+    page-break-inside: avoid;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  @page {
+    size: a3;
+  }
+  body {
+    min-width: 992px !important;
+  }
+  .container {
+    min-width: 992px !important;
+  }
+  .navbar {
+    display: none;
+  }
+  .badge {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #dee2e6 !important;
+  }
+  .table-dark {
+    color: inherit;
+  }
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th,
+  .table-dark tbody + tbody {
+    border-color: #dee2e6;
+  }
+  .table .thead-dark th {
+    color: inherit;
+    border-color: #dee2e6;
+  }
+}
+
 @keyframes flipInX {
   0% {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -16062,16 +25202,4704 @@ a:focus {
     transform: perspective(400px);
   }
 }
-/* Fix dropdown menu in navbars */
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes shake {
+  0% {
+    transform: translate(2px, 1px) rotate(0deg);
+  }
+  10% {
+    transform: translate(-1px, -2px) rotate(-2deg);
+  }
+  20% {
+    transform: translate(-3px, 0) rotate(3deg);
+  }
+  30% {
+    transform: translate(0, 2px) rotate(0deg);
+  }
+  40% {
+    transform: translate(1px, -1px) rotate(1deg);
+  }
+  50% {
+    transform: translate(-1px, 2px) rotate(-1deg);
+  }
+  60% {
+    transform: translate(-3px, 1px) rotate(0deg);
+  }
+  70% {
+    transform: translate(2px, 1px) rotate(-2deg);
+  }
+  80% {
+    transform: translate(-1px, -1px) rotate(4deg);
+  }
+  90% {
+    transform: translate(2px, 2px) rotate(0deg);
+  }
+  100% {
+    transform: translate(1px, -2px) rotate(-1deg);
+  }
+}
+
+@keyframes wobble {
+  0% {
+    transform: none;
+  }
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+  30% {
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+  60% {
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+  100% {
+    transform: none;
+  }
+}
+
+.dark-mode :root {
+  --lightblue: #86bad8;
+  --navy: #002c59;
+  --olive: #74c8a3;
+  --lime: #67ffa9;
+  --fuchsia: #f672d8;
+  --maroon: #ed6c9b;
+  --blue: #3f6791;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #e74c3c;
+  --orange: #fd7e14;
+  --yellow: #f39c12;
+  --green: #00bc8c;
+  --teal: #20c997;
+  --cyan: #3498db;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #3f6791;
+  --secondary: #6c757d;
+  --success: #00bc8c;
+  --info: #3498db;
+  --warning: #f39c12;
+  --danger: #e74c3c;
+  --light: #f8f9fa;
+  --dark: #343a40;
+}
+
+.animation__shake {
+  animation: shake 1500ms;
+}
+
+.animation__wobble {
+  animation: wobble 1500ms;
+}
+
+.preloader {
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #f4f6f9;
+  height: 100vh;
+  width: 100%;
+  transition: height 200ms linear;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 9999;
+}
+
+.dark-mode .preloader {
+  background-color: #454d55 !important;
+  color: #fff;
+}
+
+html.scroll-smooth {
+  scroll-behavior: smooth;
+}
+
+html,
+body,
+.wrapper {
+  min-height: 100%;
+}
+
+.wrapper {
+  position: relative;
+}
+
+.wrapper .content-wrapper {
+  min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
+}
+
+.layout-boxed .wrapper {
+  box-shadow: 0 0 10 rgba(0, 0, 0, 0.3);
+}
+
+.layout-boxed .wrapper, .layout-boxed .wrapper::before {
+  margin: 0 auto;
+  max-width: 1250px;
+  overflow: hidden;
+}
+
+.layout-boxed .wrapper .main-sidebar {
+  left: inherit;
+}
+
+@supports not (-webkit-touch-callout: none) {
+  .layout-fixed .wrapper .sidebar {
+    height: calc(100vh - (3.5rem + 1px));
+  }
+  .layout-fixed.text-sm .wrapper .sidebar {
+    height: calc(100vh - (2.93725rem + 1px));
+  }
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+  top: calc(3.5rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link {
+  height: calc(3.5rem + 1px);
+  width: 4.6rem;
+}
+
+.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm,
+.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm,
+.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm {
+  height: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link,
+.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link {
+  height: calc(2.93725rem + 1px);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
+  margin-top: calc(calc(2.93725rem + 1px) / -1);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .control-sidebar {
+  top: 0;
+}
+
+.layout-navbar-fixed .wrapper a.anchor {
+  display: block;
+  position: relative;
+  top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+}
+
+.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+}
+
+.layout-navbar-fixed .wrapper .brand-link {
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+  z-index: 1035;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-lightblue .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-lightblue .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-navy .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-navy .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-olive .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-olive .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-lime .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-lime .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-fuchsia .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-fuchsia .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-maroon .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-maroon .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-blue .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-indigo .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-indigo .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-purple .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-purple .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-pink .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-pink .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-red .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-red .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-orange .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-orange .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-yellow .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-yellow .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-green .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-green .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-teal .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-teal .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-cyan .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-cyan .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-white .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-white .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-gray .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-gray .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-dark-gray-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .wrapper .sidebar-light-gray-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .wrapper .main-header.border-bottom-0 ~ .content-wrapper {
+  margin-top: 3.5rem;
+}
+
+.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .main-header {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1033;
+}
+
+.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-not-fixed .wrapper .brand-link {
+  position: static;
+}
+
+.layout-navbar-not-fixed .wrapper .sidebar,
+.layout-navbar-not-fixed .wrapper .content-wrapper {
+  margin-top: 0;
+}
+
+.layout-navbar-not-fixed .wrapper .main-header {
+  position: static;
+}
+
+.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: 0;
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+  top: calc(3.5rem + 1px);
+}
+
+.text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .control-sidebar {
+  top: 0;
+}
+
+.layout-navbar-fixed .wrapper a.anchor {
+  display: block;
+  position: relative;
+  top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+}
+
+.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+  height: calc(3.5rem + 1px);
+  transition: width 0.3s ease-in-out;
+  width: 4.6rem;
+}
+
+.text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+  height: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+}
+
+.layout-navbar-fixed .wrapper .brand-link {
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  transition: width 0.3s ease-in-out;
+  width: 250px;
+  z-index: 1035;
+}
+
+.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: calc(3.5rem + 1px);
+}
+
+.text-sm .layout-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-fixed .wrapper .main-header {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1037;
+}
+
+.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
+  margin-top: calc(calc(2.93725rem + 1px) / -1);
+}
+
+body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+  margin-top: calc(2.93725rem + 1px);
+}
+
+.layout-navbar-not-fixed .wrapper .brand-link {
+  position: static;
+}
+
+.layout-navbar-not-fixed .wrapper .sidebar,
+.layout-navbar-not-fixed .wrapper .content-wrapper {
+  margin-top: 0;
+}
+
+.layout-navbar-not-fixed .wrapper .main-header {
+  position: static;
+}
+
+.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+  margin-top: 0;
+}
+
+@media (min-width: 576px) {
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-sm-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-sm-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-sm-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-sm-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-sm-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-sm-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-sm-navbar-not-fixed .wrapper .sidebar,
+  .layout-sm-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-sm-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-md-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-md-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-md-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-md-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-md-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-md-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-md-navbar-not-fixed .wrapper .sidebar,
+  .layout-md-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-md-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-lg-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-lg-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-lg-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-lg-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-lg-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-lg-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-lg-navbar-not-fixed .wrapper .sidebar,
+  .layout-lg-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-lg-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar {
+    top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
+  .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
+    top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed .wrapper .control-sidebar {
+    top: 0;
+  }
+  .layout-xl-navbar-fixed .wrapper a.anchor {
+    display: block;
+    position: relative;
+    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
+  }
+  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link {
+    height: calc(3.5rem + 1px);
+    transition: width 0.3s ease-in-out;
+    width: 4.6rem;
+  }
+  .text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
+    height: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+  }
+  .layout-xl-navbar-fixed .wrapper .brand-link {
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    transition: width 0.3s ease-in-out;
+    width: 250px;
+    z-index: 1035;
+  }
+  .layout-xl-navbar-fixed .wrapper .content-wrapper {
+    margin-top: calc(3.5rem + 1px);
+  }
+  .text-sm .layout-xl-navbar-fixed .wrapper .main-header ~ .content-wrapper,
+  .layout-xl-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-fixed .wrapper .main-header {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1037;
+  }
+  .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar {
+    margin-top: calc(calc(2.93725rem + 1px) / -1);
+  }
+  body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
+    margin-top: calc(2.93725rem + 1px);
+  }
+  .layout-xl-navbar-not-fixed .wrapper .brand-link {
+    position: static;
+  }
+  .layout-xl-navbar-not-fixed .wrapper .sidebar,
+  .layout-xl-navbar-not-fixed .wrapper .content-wrapper {
+    margin-top: 0;
+  }
+  .layout-xl-navbar-not-fixed .wrapper .main-header {
+    position: static;
+  }
+  .layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar {
+    margin-top: 0;
+  }
+}
+
+.layout-footer-fixed .wrapper .control-sidebar {
+  bottom: 0;
+}
+
+.layout-footer-fixed .wrapper .main-footer {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: 1032;
+}
+
+.layout-footer-not-fixed .wrapper .main-footer {
+  position: static;
+}
+
+.layout-footer-not-fixed .wrapper .content-wrapper {
+  margin-bottom: 0;
+}
+
+.layout-footer-fixed .wrapper .control-sidebar {
+  bottom: 0;
+}
+
+.layout-footer-fixed .wrapper .main-footer {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: 1032;
+}
+
+.layout-footer-fixed .wrapper .content-wrapper {
+  padding-bottom: calc(3.5rem + 1px);
+}
+
+.layout-footer-not-fixed .wrapper .main-footer {
+  position: static;
+}
+
+@media (min-width: 576px) {
+  .layout-sm-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-sm-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-sm-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-sm-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+@media (min-width: 768px) {
+  .layout-md-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-md-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-md-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-md-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+@media (min-width: 992px) {
+  .layout-lg-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-lg-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-lg-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-lg-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+@media (min-width: 1200px) {
+  .layout-xl-footer-fixed .wrapper .control-sidebar {
+    bottom: 0;
+  }
+  .layout-xl-footer-fixed .wrapper .main-footer {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1032;
+  }
+  .layout-xl-footer-fixed .wrapper .content-wrapper {
+    padding-bottom: calc(3.5rem + 1px);
+  }
+  .layout-xl-footer-not-fixed .wrapper .main-footer {
+    position: static;
+  }
+}
+
+.layout-top-nav .wrapper {
+  margin-left: 0;
+}
+
+.layout-top-nav .wrapper .main-header .brand-image {
+  margin-top: -.5rem;
+  margin-right: .2rem;
+  height: 33px;
+}
+
+.layout-top-nav .wrapper .main-sidebar {
+  bottom: inherit;
+  height: inherit;
+}
+
+.layout-top-nav .wrapper .content-wrapper,
+.layout-top-nav .wrapper .main-header,
+.layout-top-nav .wrapper .main-footer {
+  margin-left: 0;
+}
+
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header,
+body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before {
+  margin-left: 0;
+}
+
+@media (min-width: 768px) {
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    transition: margin-left 0.3s ease-in-out;
+    margin-left: 250px;
+  }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    transition: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, .sidebar-collapse
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, .sidebar-collapse
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    margin-left: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
+  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
+    margin-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    transition: margin-left 0.3s ease-in-out;
+    margin-left: 250px;
+  }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    transition: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-collapse .sidebar-mini-md .content-wrapper, .sidebar-collapse
+  .sidebar-mini-md .main-footer, .sidebar-collapse
+  .sidebar-mini-md .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .sidebar-mini-md .content-wrapper,
+  .sidebar-mini-md .main-footer,
+  .sidebar-mini-md .main-header {
+    margin-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-mini-xs .content-wrapper,
+  .sidebar-mini-xs .main-footer,
+  .sidebar-mini-xs .main-header {
+    transition: margin-left 0.3s ease-in-out;
+    margin-left: 250px;
+  }
+}
+
+@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
+  .sidebar-mini-xs .content-wrapper,
+  .sidebar-mini-xs .main-footer,
+  .sidebar-mini-xs .main-header {
+    transition: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-collapse .sidebar-mini-xs .content-wrapper, .sidebar-collapse
+  .sidebar-mini-xs .main-footer, .sidebar-collapse
+  .sidebar-mini-xs .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-mini-xs .content-wrapper,
+  .sidebar-mini-xs .main-footer,
+  .sidebar-mini-xs .main-header {
+    margin-left: 4.6rem;
+  }
+}
+
+.content-wrapper {
+  background-color: #f4f6f9;
+}
+
+.content-wrapper > .content {
+  padding: 0 0.5rem;
+}
+
+.main-sidebar, .main-sidebar::before {
+  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
+  width: 250px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .main-sidebar, .main-sidebar::before {
+    transition: none;
+  }
+}
+
+.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar, .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before {
+  box-shadow: none !important;
+}
+
+.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
+  margin-left: -250px;
+}
+
+.sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview {
+  padding: 0;
+}
+
+@media (max-width: 767.98px) {
+  .main-sidebar, .main-sidebar::before {
+    box-shadow: none !important;
+    margin-left: -250px;
+  }
+  .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
+    margin-left: 0;
+  }
+}
+
+body:not(.layout-fixed) .main-sidebar {
+  height: inherit;
+  min-height: 100%;
+  position: absolute;
+  top: 0;
+}
+
+body:not(.layout-fixed) .main-sidebar .sidebar {
+  overflow-y: auto;
+}
+
+.layout-fixed .brand-link {
+  width: 250px;
+}
+
+.layout-fixed .main-sidebar {
+  bottom: 0;
+  float: none;
+  left: 0;
+  position: fixed;
+  top: 0;
+}
+
+.layout-fixed .control-sidebar {
+  bottom: 0;
+  float: none;
+  position: fixed;
+  top: 0;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content {
+  height: calc(100vh - calc(3.5rem + 1px));
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #a9a9a9 transparent;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar {
+  width: .5rem;
+  height: .5rem;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb {
+  background-color: #a9a9a9;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+@supports (-webkit-touch-callout: none) {
+  .layout-fixed .main-sidebar {
+    height: inherit;
+  }
+}
+
+.main-footer {
+  background-color: #fff;
+  border-top: 1px solid #dee2e6;
+  color: #869099;
+  padding: 1rem;
+}
+
+.text-sm .main-footer, .main-footer.text-sm {
+  padding: 0.812rem;
+}
+
+.content-header {
+  padding: 15px 0.5rem;
+}
+
+.text-sm .content-header {
+  padding: 10px 0.5rem;
+}
+
+.content-header h1 {
+  font-size: 1.8rem;
+  margin: 0;
+}
+
+.text-sm .content-header h1 {
+  font-size: 1.5rem;
+}
+
+.content-header .breadcrumb {
+  background-color: transparent;
+  line-height: 1.8rem;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+.text-sm .content-header .breadcrumb {
+  line-height: 1.5rem;
+}
+
+.hold-transition .content-wrapper,
+.hold-transition .main-header,
+.hold-transition .main-sidebar,
+.hold-transition .main-sidebar *,
+.hold-transition .control-sidebar,
+.hold-transition .control-sidebar *,
+.hold-transition .main-footer {
+  transition: none !important;
+  animation-duration: 0s !important;
+}
+
+.dark-mode {
+  background-color: #454d55 !important;
+  color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+  background-color: #343a40;
+}
+
+.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+  background-color: #fff;
+}
+
+@media (min-width: 576px) {
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+@media (min-width: 768px) {
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+@media (min-width: 992px) {
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+@media (min-width: 1200px) {
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
+    background-color: #343a40;
+  }
+  .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
+    background-color: #fff;
+  }
+}
+
+.dark-mode .breadcrumb-item.active,
+.dark-mode .breadcrumb-item + .breadcrumb-item::before {
+  color: #adb5bd;
+}
+
+.dark-mode .main-footer {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.dark-mode .content-wrapper {
+  background-color: #454d55;
+  color: #fff;
+}
+
+.dark-mode .content-wrapper .content-header {
+  color: #fff;
+}
+
+.main-header {
+  border-bottom: 1px solid #dee2e6;
+  z-index: 1034;
+}
+
+.main-header .nav-link {
+  height: 2.5rem;
+  position: relative;
+}
+
+.text-sm .main-header .nav-link, .main-header.text-sm .nav-link {
+  height: 1.93725rem;
+  padding: 0.35rem 1rem;
+}
+
+.text-sm .main-header .nav-link > .fa,
+.text-sm .main-header .nav-link > .fas,
+.text-sm .main-header .nav-link > .far,
+.text-sm .main-header .nav-link > .fab,
+.text-sm .main-header .nav-link > .fal,
+.text-sm .main-header .nav-link > .fad,
+.text-sm .main-header .nav-link > .svg-inline--fa,
+.text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa,
+.main-header.text-sm .nav-link > .fas,
+.main-header.text-sm .nav-link > .far,
+.main-header.text-sm .nav-link > .fab,
+.main-header.text-sm .nav-link > .fal,
+.main-header.text-sm .nav-link > .fad,
+.main-header.text-sm .nav-link > .svg-inline--fa,
+.main-header.text-sm .nav-link > .ion {
+  font-size: 0.875rem;
+}
+
+.main-header .navbar-nav .nav-item {
+  margin: 0;
+}
+
+.main-header .navbar-nav[class*="-right"] .dropdown-menu {
+  left: auto;
+  margin-top: -3px;
+  right: 0;
+}
+
+@media (max-width: 575.98px) {
+  .main-header .navbar-nav[class*="-right"] .dropdown-menu {
+    left: 0;
+    right: auto;
+  }
+}
+
+.main-header.dropdown-legacy .dropdown-menu {
+  top: 3rem;
+  margin-top: 0;
+}
+
+.navbar-img {
+  height: calc(calc(3.5rem + 1px) * .5);
+  width: auto;
+}
+
+.navbar-badge {
+  font-size: .6rem;
+  font-weight: 300;
+  padding: 2px 4px;
+  position: absolute;
+  right: 5px;
+  top: 9px;
+}
+
+.btn-navbar {
+  background-color: transparent;
+  border-left-width: 0;
+}
+
+.form-control-navbar {
+  border-right-width: 0;
+}
+
+.form-control-navbar + .input-group-append {
+  margin-left: 0;
+}
+
+.form-control-navbar,
+.btn-navbar {
+  transition: none;
+}
+
+.navbar-dark .form-control-navbar,
+.navbar-dark .btn-navbar {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.navbar-dark .form-control-navbar:focus,
+.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #495057;
+  border-color: #6c757d !important;
+  color: #ced4da;
+}
+
+.navbar-light .form-control-navbar,
+.navbar-light .btn-navbar {
+  background-color: #dadfe4;
+  border-color: #ced4da;
+}
+
+.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar::placeholder {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-light .form-control-navbar:focus,
+.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #d3d9df;
+  border-color: #c7ced5 !important;
+  color: #ced4da;
+}
+
+.navbar-light .navbar-search-block .form-control-navbar:focus,
+.navbar-light .navbar-search-block .form-control-navbar:focus + .input-group-append .btn-navbar {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.navbar-search-block {
+  position: absolute;
+  padding: 0 1rem;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  display: none;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  background-color: initial;
+}
+
+.navbar-search-block.navbar-search-open {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.navbar-search-block .input-group {
+  width: 100%;
+}
+
+.brand-link {
+  display: block;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  padding: 0.8125rem 0.5rem;
+  transition: width 0.3s ease-in-out;
+  white-space: nowrap;
+}
+
+.brand-link:hover {
+  color: #fff;
+  text-decoration: none;
+}
+
+.text-sm .brand-link {
+  font-size: inherit;
+}
+
+[class*="sidebar-dark"] .brand-link {
+  border-bottom: 1px solid #4b545c;
+}
+
+[class*="sidebar-dark"] .brand-link,
+[class*="sidebar-dark"] .brand-link .pushmenu {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+[class*="sidebar-dark"] .brand-link:hover,
+[class*="sidebar-dark"] .brand-link .pushmenu:hover {
+  color: #fff;
+}
+
+[class*="sidebar-light"] .brand-link {
+  border-bottom: 1px solid #dee2e6;
+}
+
+[class*="sidebar-light"] .brand-link,
+[class*="sidebar-light"] .brand-link .pushmenu {
+  color: rgba(0, 0, 0, 0.8);
+}
+
+[class*="sidebar-light"] .brand-link:hover,
+[class*="sidebar-light"] .brand-link .pushmenu:hover {
+  color: #000;
+}
+
+.brand-link .pushmenu {
+  margin-right: 0.5rem;
+  font-size: 1rem;
+}
+
+.brand-link .brand-link {
+  padding: 0;
+  border-bottom: none;
+}
+
+.brand-link .brand-image {
+  float: left;
+  line-height: .8;
+  margin-left: .8rem;
+  margin-right: .5rem;
+  margin-top: -3px;
+  max-height: 33px;
+  width: auto;
+}
+
+.brand-link .brand-image-xs {
+  float: left;
+  line-height: .8;
+  margin-top: -.1rem;
+  max-height: 33px;
+  width: auto;
+}
+
+.brand-link .brand-image-xl {
+  line-height: .8;
+  max-height: 40px;
+  width: auto;
+}
+
+.brand-link .brand-image-xl.single {
+  margin-top: -.3rem;
+}
+
+.brand-link.text-sm .brand-image,
+.text-sm .brand-link .brand-image {
+  height: 29px;
+  margin-bottom: -.25rem;
+  margin-left: .95rem;
+  margin-top: -.25rem;
+}
+
+.brand-link.text-sm .brand-image-xs,
+.text-sm .brand-link .brand-image-xs {
+  margin-top: -.2rem;
+  max-height: 29px;
+}
+
+.brand-link.text-sm .brand-image-xl,
+.text-sm .brand-link .brand-image-xl {
+  margin-top: -.225rem;
+  max-height: 38px;
+}
+
+.main-sidebar {
+  height: 100vh;
+  overflow-y: hidden;
+  z-index: 1038;
+}
+
+.main-sidebar a:-moz-focusring {
+  border: 0;
+  outline: none;
+}
+
+.sidebar {
+  height: calc(100% - (3.5rem + 1px));
+  overflow-x: hidden;
+  overflow-y: initial;
+  padding-bottom: 0;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0;
+  scrollbar-color: #a9a9a9 transparent;
+  scrollbar-width: none;
+}
+
+.sidebar::-webkit-scrollbar-thumb {
+  background-color: #a9a9a9;
+}
+
+.sidebar::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.sidebar::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+.sidebar::-webkit-scrollbar {
+  width: 0;
+}
+
+.sidebar:hover {
+  scrollbar-width: thin;
+}
+
+.sidebar:hover::-webkit-scrollbar {
+  width: .5rem;
+  height: .5rem;
+}
+
+.brand-link.border-bottom-0 ~ .sidebar {
+  height: calc(100% - 3.5rem);
+}
+
+.user-panel {
+  position: relative;
+}
+
+[class*="sidebar-dark"] .user-panel {
+  border-bottom: 1px solid #4f5962;
+}
+
+[class*="sidebar-light"] .user-panel {
+  border-bottom: 1px solid #dee2e6;
+}
+
+.user-panel,
+.user-panel .info {
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.user-panel .image {
+  display: inline-block;
+  padding-left: 0.8rem;
+}
+
+.user-panel img {
+  height: auto;
+  width: 2.1rem;
+}
+
+.user-panel .info {
+  display: inline-block;
+  padding: 5px 5px 5px 10px;
+}
+
+.user-panel .status,
+.user-panel .dropdown-menu {
+  font-size: 0.875rem;
+}
+
+.nav-sidebar .nav-item > .nav-link {
+  margin-bottom: .2rem;
+}
+
+.nav-sidebar .nav-item > .nav-link .right {
+  transition: transform ease-in-out 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nav-sidebar .nav-item > .nav-link .right {
+    transition: none;
+  }
+}
+
+.nav-sidebar .nav-link > .right,
+.nav-sidebar .nav-link > p > .right {
+  position: absolute;
+  right: 1rem;
+  top: .7rem;
+}
+
+.nav-sidebar .nav-link > .right i,
+.nav-sidebar .nav-link > .right span,
+.nav-sidebar .nav-link > p > .right i,
+.nav-sidebar .nav-link > p > .right span {
+  margin-left: .5rem;
+}
+
+.nav-sidebar .nav-link > .right:nth-child(2),
+.nav-sidebar .nav-link > p > .right:nth-child(2) {
+  right: 2.2rem;
+}
+
+.nav-sidebar .menu-open > .nav-treeview {
+  display: block;
+}
+
+.nav-sidebar .menu-open > .nav-link svg.right,
+.nav-sidebar .menu-open > .nav-link i.right,
+.nav-sidebar .menu-is-opening > .nav-link svg.right,
+.nav-sidebar .menu-is-opening > .nav-link i.right {
+  transform: rotate(-90deg);
+}
+
+.nav-sidebar > .nav-item {
+  margin-bottom: 0;
+}
+
+.nav-sidebar > .nav-item .nav-icon {
+  margin-left: .05rem;
+  font-size: 1.2rem;
+  margin-right: .2rem;
+  text-align: center;
+  width: 1.6rem;
+}
+
+.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.fal, .nav-sidebar > .nav-item .nav-icon.fad, .nav-sidebar > .nav-item .nav-icon.svg-inline--fa, .nav-sidebar > .nav-item .nav-icon.ion {
+  font-size: 1.1rem;
+}
+
+.nav-sidebar > .nav-item .float-right {
+  margin-top: 3px;
+}
+
+.nav-sidebar .nav-treeview {
+  display: none;
+  list-style: none;
+  padding: 0;
+}
+
+.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
+  width: 1.6rem;
+}
+
+.nav-sidebar.nav-child-indent .nav-treeview {
+  transition: padding 0.3s ease-in-out;
+  padding-left: 1rem;
+}
+
+.text-sm .nav-sidebar.nav-child-indent .nav-treeview {
+  padding-left: .5rem;
+}
+
+.nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
+  padding-left: 2rem;
+  margin-left: -1rem;
+}
+
+.text-sm .nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
+  padding-left: 1rem;
+  margin-left: -.5rem;
+}
+
+.nav-sidebar .nav-header {
+  font-size: .9rem;
+  padding: 0.5rem 0.75rem;
+}
+
+.nav-sidebar .nav-link p {
+  display: inline;
+  margin: 0;
+  white-space: normal;
+}
+
+.sidebar-is-opening .sidebar .nav-sidebar .nav-link p {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+#sidebar-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+  bottom: 0;
+  display: none;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1037;
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-open #sidebar-overlay {
+    display: block;
+  }
+}
+
+[class*="sidebar-light-"] {
+  background-color: #fff;
+}
+
+[class*="sidebar-light-"] .user-panel a:hover {
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .user-panel .status {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #343a40;
+}
+
+[class*="sidebar-light-"] .user-panel .status:hover, [class*="sidebar-light-"] .user-panel .status:focus, [class*="sidebar-light-"] .user-panel .status:active {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .user-panel .dropdown-menu {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-light-"] .user-panel .dropdown-item {
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:active, [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:focus {
+  color: #343a40;
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
+[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active {
+  color: #000;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {
+  background-color: transparent;
+}
+
+[class*="sidebar-light-"] .nav-header {
+  background-color: inherit;
+  color: #292d32;
+}
+
+[class*="sidebar-light-"] .sidebar a {
+  color: #343a40;
+}
+
+[class*="sidebar-light-"] .sidebar a:hover {
+  text-decoration: none;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
+  color: #777;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #000;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #212529;
+}
+
+[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+[class*="sidebar-dark-"] {
+  background-color: #343a40;
+}
+
+[class*="sidebar-dark-"] .user-panel a:hover {
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .user-panel .status {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .user-panel .status:hover, [class*="sidebar-dark-"] .user-panel .status:focus, [class*="sidebar-dark-"] .user-panel .status:active {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .user-panel .dropdown-menu {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+  border-color: rgba(242, 242, 242, 0.1);
+}
+
+[class*="sidebar-dark-"] .user-panel .dropdown-item {
+  color: #212529;
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active {
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
+  color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {
+  background-color: transparent;
+}
+
+[class*="sidebar-dark-"] .nav-header {
+  background-color: inherit;
+  color: #d0d4db;
+}
+
+[class*="sidebar-dark-"] .sidebar a {
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .sidebar a:hover, [class*="sidebar-dark-"] .sidebar a:focus {
+  text-decoration: none;
+}
+
+[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+
+[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
+  background-color: rgba(255, 255, 255, 0.9);
+  color: #343a40;
+}
+
+[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
+  border-color: rgba(255, 255, 255, 0.9);
+}
+
+[class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
+  border-color: rgba(255, 255, 255, 0.9);
+}
+
+.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #007bff;
+}
+
+.sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #28a745;
+}
+
+.sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #17a2b8;
+}
+
+.sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #ffc107;
+}
+
+.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #dc3545;
+}
+
+.sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f8f9fa;
+}
+
+.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3c8dbc;
+}
+
+.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #001f3f;
+}
+
+.sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3d9970;
+}
+
+.sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #01ff70;
+}
+
+.sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f012be;
+}
+
+.sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #d81b60;
+}
+
+.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #007bff;
+}
+
+.sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6610f2;
+}
+
+.sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6f42c1;
+}
+
+.sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e83e8c;
+}
+
+.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #dc3545;
+}
+
+.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fd7e14;
+}
+
+.sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #ffc107;
+}
+
+.sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #28a745;
+}
+
+.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #20c997;
+}
+
+.sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #17a2b8;
+}
+
+.sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fff;
+}
+
+.sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
+.sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview {
+  padding-left: 1rem;
+  margin-left: -.5rem;
+}
+
+.nav-flat {
+  margin: -0.25rem -0.5rem 0;
+}
+
+.nav-flat .nav-item > .nav-link {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.nav-flat .nav-item > .nav-link > .nav-icon {
+  margin-left: .55rem;
+}
+
+.nav-flat:not(.nav-child-indent) .nav-treeview .nav-item > .nav-link > .nav-icon {
+  margin-left: .4rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview {
+  padding-left: 0;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-icon {
+  margin-left: .85rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview {
+  border-left: .2rem solid;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.15rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.45rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.75rem;
+}
+
+.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 2.05rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-icon {
+  margin-left: .55rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-link {
+  padding-left: calc(1rem - .2rem);
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-icon {
+  margin-left: .35rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: .15rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: -.15rem;
+}
+
+.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: -.35rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon {
+  margin-left: .4rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon {
+  margin-left: .85rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.15rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.45rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 1.75rem;
+}
+
+.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
+.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
+  margin-left: 2.05rem;
+}
+
+.nav-flat .nav-icon {
+  transition: margin-left ease-in-out 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nav-flat .nav-icon {
+    transition: none;
+  }
+}
+
+.nav-flat .nav-treeview .nav-icon {
+  margin-left: -.2rem;
+}
+
+.nav-flat.nav-sidebar > .nav-item .nav-treeview,
+.nav-flat.nav-sidebar > .nav-item > .nav-treeview {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
+.nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
+  border-left: .2rem solid;
+}
+
+.nav-legacy {
+  margin: -0.25rem -0.5rem 0;
+}
+
+.nav-legacy.nav-sidebar .nav-item > .nav-link {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
+.nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
+  margin-left: .55rem;
+}
+
+.text-sm .nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
+  margin-left: .75rem;
+}
+
+.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
+  background-color: inherit;
+  border-left: 3px solid transparent;
+  box-shadow: none;
+}
+
+.nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: calc(.55rem - 3px);
+}
+
+.text-sm .nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: calc(.75rem - 3px);
+}
+
+.text-sm .nav-legacy.nav-sidebar.nav-flat .nav-treeview .nav-item > .nav-link > .nav-icon {
+  margin-left: calc(.75rem - 3px);
+}
+
+.sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
+.sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon,
+.sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon {
+  transition: margin-left ease-in-out 0.3s;
+  margin-left: .6rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
+  .sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon,
+  .sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon {
+    transition: none;
+  }
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview {
+  padding-left: 1rem;
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview {
+  padding-left: 2rem;
+  margin-left: -1rem;
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview {
+  padding-left: .5rem;
+}
+
+.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
+.main-sidebar:hover
+.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview {
+  padding-left: 1rem;
+  margin-left: -.5rem;
+}
+
+.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon {
+  margin-left: .55rem;
+}
+
+.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: .36rem;
+}
+
+.sidebar-mini.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,
+.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,
+.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview {
+  padding-left: 0;
+  margin-left: 0;
+}
+
+.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
+.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon {
+  margin-left: .75rem;
+}
+
+.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
+.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon {
+  margin-left: calc(.75rem - 3px);
+}
+
+[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
+[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
+  color: #fff;
+}
+
+[class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
+  background-color: transparent;
+  color: #fff;
+}
+
+[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
+[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
+  color: #000;
+}
+
+[class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
+  background-color: transparent;
+  color: #000;
+}
+
+.nav-collapse-hide-child .menu-open > .nav-treeview {
+  max-height: -webkit-min-content;
+  max-height: -moz-min-content;
+  max-height: min-content;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+.sidebar-collapse .sidebar:not(:hover) .nav-collapse-hide-child .menu-open > .nav-treeview {
+  max-height: 0;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview,
+.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused
+.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview,
+.main-sidebar:not(.sidebar-no-expand):hover
+.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused
+.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview,
+.main-sidebar:not(.sidebar-no-expand):hover
+.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview {
+  max-height: -webkit-min-content;
+  max-height: -moz-min-content;
+  max-height: min-content;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+
+.nav-compact .nav-link,
+.nav-compact .nav-header {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.nav-compact .nav-header:not(:first-of-type) {
+  padding-top: 0.75rem;
+  padding-bottom: 0.25rem;
+}
+
+.nav-compact .nav-link > .right,
+.nav-compact .nav-link > p > .right {
+  top: .465rem;
+}
+
+.text-sm .nav-compact .nav-link > .right,
+.text-sm .nav-compact .nav-link > p > .right {
+  top: .7rem;
+}
+
+[class*="sidebar-dark"] .form-control-sidebar,
+[class*="sidebar-dark"] .btn-sidebar {
+  background-color: #3f474e;
+  border: 1px solid #56606a;
+  color: white;
+}
+
+[class*="sidebar-dark"] .form-control-sidebar:focus,
+[class*="sidebar-dark"] .btn-sidebar:focus {
+  border: 1px solid #7a8793;
+}
+
+[class*="sidebar-dark"] .btn-sidebar:hover {
+  background-color: #454d55;
+}
+
+[class*="sidebar-dark"] .btn-sidebar:focus {
+  background-color: #4b545c;
+}
+
+[class*="sidebar-dark"] .list-group-item {
+  background-color: #454d55;
+  border-color: #56606a;
+  color: #c2c7d0;
+}
+
+[class*="sidebar-dark"] .list-group-item:hover {
+  background-color: #4b545c;
+}
+
+[class*="sidebar-dark"] .list-group-item:focus {
+  background-color: #515a63;
+}
+
+[class*="sidebar-dark"] .list-group-item .search-path {
+  color: #adb5bd;
+}
+
+[class*="sidebar-light"] .form-control-sidebar,
+[class*="sidebar-light"] .btn-sidebar {
+  background-color: #f2f2f2;
+  border: 1px solid #d9d9d9;
+  color: #1f2d3d;
+}
+
+[class*="sidebar-light"] .form-control-sidebar:focus,
+[class*="sidebar-light"] .btn-sidebar:focus {
+  border: 1px solid #b3b3b3;
+}
+
+[class*="sidebar-light"] .btn-sidebar:hover {
+  background-color: #ececec;
+}
+
+[class*="sidebar-light"] .btn-sidebar:focus {
+  background-color: #e6e6e6;
+}
+
+[class*="sidebar-light"] .list-group-item {
+  border-color: #d9d9d9;
+}
+
+[class*="sidebar-light"] .list-group-item:hover {
+  background-color: #ececec;
+}
+
+[class*="sidebar-light"] .list-group-item:focus {
+  background-color: #e6e6e6;
+}
+
+[class*="sidebar-light"] .list-group-item .search-path {
+  color: #6c757d;
+}
+
+.sidebar .form-inline .input-group {
+  width: 100%;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+}
+
+.sidebar nav .form-inline {
+  margin-bottom: .2rem;
+}
+
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-sidebar {
+  margin-left: 0;
+}
+
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .content-wrapper,
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-header,
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-footer {
+  z-index: 9999;
+  position: relative;
+}
+
+.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .control-sidebar {
+  z-index: 9999;
+}
+
+.sidebar-collapse .form-control-sidebar,
+.sidebar-collapse .form-control-sidebar ~ .input-group-append,
+.sidebar-collapse .sidebar-search-results {
+  display: none;
+}
+
+[data-widget="sidebar-search"] input[type="search"]::-ms-clear, [data-widget="sidebar-search"] input[type="search"]::-ms-reveal {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+[data-widget="sidebar-search"] input[type="search"]::-webkit-search-cancel-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-decoration, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-decoration {
+  display: none;
+}
+
+.sidebar-search-results {
+  position: relative;
+  display: none;
+  width: 100%;
+}
+
+.sidebar-search-open .sidebar-search-results {
+  display: inline-block;
+}
+
+.sidebar-search-results .search-title {
+  margin-bottom: -.1rem;
+}
+
+.sidebar-search-results .list-group {
+  position: absolute;
+  width: 100%;
+  z-index: 1039;
+}
+
+.sidebar-search-results .list-group > .list-group-item {
+  padding: 0.375rem 0.75rem;
+}
+
+.sidebar-search-results .list-group > .list-group-item:-moz-focusring {
+  margin-top: 0;
+  border-left: 1px solid transparent;
+  border-top: 0;
+  border-bottom: 1px solid transparent;
+}
+
+.sidebar-search-results .list-group > .list-group-item:first-child {
+  margin-top: 0;
+  border-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.sidebar-search-results .search-path {
+  font-size: 80%;
+}
+
+.sidebar-search-open .btn,
+.sidebar-search-open .form-control {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+[class*="sidebar-dark"] .sidebar-custom {
+  border-top: 1px solid #4f5962;
+}
+
+[class*="sidebar-light"] .sidebar-custom {
+  border-top: 1px solid #dee2e6;
+}
+
+.layout-fixed.sidebar-collapse .hide-on-collapse {
+  display: none;
+}
+
+.layout-fixed.sidebar-collapse:hover .hide-on-collapse {
+  display: block;
+}
+
+.layout-fixed.text-sm .main-sidebar-custom .sidebar {
+  height: calc(100% - ((2.93725rem + 3.8rem) + 1px));
+}
+
+.layout-fixed.text-sm .main-sidebar-custom .sidebar-custom {
+  height: 3.8rem;
+  padding: 0.85rem 0.5rem;
+}
+
+.layout-fixed .main-sidebar-custom {
+  height: -webkit-fill-available;
+  height: -moz-available;
+  height: -ms-stretch;
+  height: stretch;
+}
+
+.layout-fixed .main-sidebar-custom .sidebar {
+  height: calc(100% - ((3.5rem + 4rem) + 1px));
+}
+
+.layout-fixed .main-sidebar-custom .sidebar-custom {
+  height: 4rem;
+  padding: 0.85rem 0.5rem;
+}
+
+.layout-fixed .main-sidebar-custom-lg .sidebar {
+  height: calc(100% - ((3.5rem + 6rem) + 1px));
+}
+
+.layout-fixed .main-sidebar-custom-lg .sidebar-custom {
+  height: 6rem;
+}
+
+.layout-fixed .main-sidebar-custom-xl .sidebar {
+  height: calc(100% - ((3.5rem + 8rem) + 1px));
+}
+
+.layout-fixed .main-sidebar-custom-xl .sidebar-custom {
+  height: 8rem;
+}
+
+.layout-fixed .main-sidebar-custom .pos-right,
+.layout-fixed .main-sidebar-custom-lg .pos-right,
+.layout-fixed .main-sidebar-custom-xl .pos-right {
+  position: absolute;
+  right: .5rem;
+}
+
+.sidebar-hidden .main-sidebar,
+.sidebar-hidden.sidebar-mini.sidebar-collapse .main-sidebar {
+  display: none !important;
+}
+
+.sidebar-hidden .content-wrapper,
+.sidebar-hidden .main-header,
+.sidebar-hidden.sidebar-mini.sidebar-collapse .content-wrapper,
+.sidebar-hidden.sidebar-mini.sidebar-collapse .main-header {
+  margin-left: 0 !important;
+}
+
+.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3f6791;
+}
+
+.dark-mode .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.dark-mode .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #00bc8c;
+}
+
+.dark-mode .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3498db;
+}
+
+.dark-mode .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f39c12;
+}
+
+.dark-mode .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e74c3c;
+}
+
+.dark-mode .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f8f9fa;
+}
+
+.dark-mode .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.dark-mode .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #86bad8;
+}
+
+.dark-mode .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #002c59;
+}
+
+.dark-mode .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #74c8a3;
+}
+
+.dark-mode .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #67ffa9;
+}
+
+.dark-mode .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f672d8;
+}
+
+.dark-mode .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #ed6c9b;
+}
+
+.dark-mode .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3f6791;
+}
+
+.dark-mode .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6610f2;
+}
+
+.dark-mode .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6f42c1;
+}
+
+.dark-mode .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e83e8c;
+}
+
+.dark-mode .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #e74c3c;
+}
+
+.dark-mode .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fd7e14;
+}
+
+.dark-mode .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #f39c12;
+}
+
+.dark-mode .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #00bc8c;
+}
+
+.dark-mode .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #20c997;
+}
+
+.dark-mode .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #3498db;
+}
+
+.dark-mode .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #fff;
+}
+
+.dark-mode .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #6c757d;
+}
+
+.dark-mode .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
+.dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
+  border-color: #343a40;
+}
+
+.dark-mode [class*="sidebar-light-"] .sidebar a {
+  color: #343a40;
+}
+
+.dark-mode [class*="sidebar-light-"] .sidebar a:hover {
+  text-decoration: none;
+}
+
+.logo-xs,
+.logo-xl {
+  opacity: 1;
+  position: absolute;
+  visibility: visible;
+}
+
+.logo-xs.brand-image-xs,
+.logo-xl.brand-image-xs {
+  left: 18px;
+  top: 12px;
+}
+
+.logo-xs.brand-image-xl,
+.logo-xl.brand-image-xl {
+  left: 12px;
+  top: 6px;
+}
+
+.logo-xs {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.logo-xs.brand-image-xl {
+  left: 16px;
+  top: 8px;
+}
+
+.brand-link.logo-switch::before {
+  content: "\00a0";
+}
+
+@media (min-width: 992px) {
+  .sidebar-mini .nav-sidebar,
+  .sidebar-mini .nav-sidebar > .nav-header,
+  .sidebar-mini .nav-sidebar .nav-link {
+    white-space: nowrap;
+  }
+  .sidebar-mini.sidebar-collapse .d-hidden-mini {
+    display: none;
+  }
+  .sidebar-mini.sidebar-collapse .content-wrapper,
+  .sidebar-mini.sidebar-collapse .main-footer,
+  .sidebar-mini.sidebar-collapse .main-header {
+    margin-left: 4.6rem !important;
+  }
+  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
+    display: none;
+  }
+  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
+    width: 0;
+    white-space: nowrap;
+  }
+  .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
+  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini.sidebar-collapse .brand-text {
+    margin-left: -10px;
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .logo-xl {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .logo-xs {
+    display: inline-block;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar {
+    overflow-x: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
+    margin-left: 0;
+    width: 4.6rem;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
+    float: none;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
+    width: 250px;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
+    text-align: left;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
+    float: left;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
+    display: inline-block;
+    margin-left: 0;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
+    margin-right: .5rem;
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
+    display: block !important;
+    transform: translateZ(0);
+  }
+  .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
+    display: inline-block !important;
+  }
+  .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
+    display: block !important;
+  }
+  .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
+    width: 4.6rem;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sidebar-mini.sidebar-collapse .main-sidebar {
+    box-shadow: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .sidebar-mini-md .nav-sidebar,
+  .sidebar-mini-md .nav-sidebar > .nav-header,
+  .sidebar-mini-md .nav-sidebar .nav-link {
+    white-space: nowrap;
+  }
+  .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
+    display: none;
+  }
+  .sidebar-mini-md.sidebar-collapse .content-wrapper,
+  .sidebar-mini-md.sidebar-collapse .main-footer,
+  .sidebar-mini-md.sidebar-collapse .main-header {
+    margin-left: 4.6rem !important;
+  }
+  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
+    display: none;
+  }
+  .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
+    width: 0;
+    white-space: nowrap;
+  }
+  .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info,
+  .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini-md.sidebar-collapse .brand-text {
+    margin-left: -10px;
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .logo-xl {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .logo-xs {
+    display: inline-block;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar {
+    overflow-x: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar::before {
+    margin-left: 0;
+    width: 4.6rem;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
+    float: none;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
+    width: 250px;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
+    text-align: left;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
+    float: left;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
+    display: inline-block;
+    margin-left: 0;
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: visible;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
+    animation-name: fadeOut;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    visibility: hidden;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
+    margin-right: .5rem;
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
+    display: block !important;
+    transform: translateZ(0);
+  }
+  .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
+    display: inline-block !important;
+  }
+  .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
+    display: block !important;
+  }
+  .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
+    width: 250px;
+  }
+  .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
+    width: 4.6rem;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .sidebar-mini-md.sidebar-collapse .main-sidebar {
+    box-shadow: none !important;
+  }
+}
+
+.sidebar-mini-xs .nav-sidebar,
+.sidebar-mini-xs .nav-sidebar > .nav-header,
+.sidebar-mini-xs .nav-sidebar .nav-link {
+  white-space: nowrap;
+}
+
+.sidebar-mini-xs.sidebar-collapse .d-hidden-mini {
+  display: none;
+}
+
+.sidebar-mini-xs.sidebar-collapse .content-wrapper,
+.sidebar-mini-xs.sidebar-collapse .main-footer,
+.sidebar-mini-xs.sidebar-collapse .main-header {
+  margin-left: 4.6rem !important;
+}
+
+.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-header {
+  display: none;
+}
+
+.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
+  width: 0;
+  white-space: nowrap;
+}
+
+.sidebar-mini-xs.sidebar-collapse .sidebar .user-panel > .info,
+.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
+.sidebar-mini-xs.sidebar-collapse .brand-text {
+  margin-left: -10px;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .logo-xl {
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .logo-xs {
+  display: inline-block;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar {
+  overflow-x: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar, .sidebar-mini-xs.sidebar-collapse .main-sidebar::before {
+  margin-left: 0;
+  width: 4.6rem;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar .user-panel .image {
+  float: none;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
+  width: 250px;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
+  width: 250px;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
+  text-align: left;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
+  float: left;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
+  display: inline-block;
+  margin-left: 0;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
+  margin-right: .5rem;
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
+  display: block !important;
+  transform: translateZ(0);
+}
+
+.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
+  display: inline-block !important;
+}
+
+.sidebar-mini-xs.sidebar-collapse .visible-sidebar-mini {
+  display: block !important;
+}
+
+.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
+  width: 250px;
+}
+
+.sidebar-mini-xs.sidebar-collapse.layout-fixed .brand-link {
+  width: 4.6rem;
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 3rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 4rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy .nav-link {
+  width: 250px;
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 3rem);
+}
+
+.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 4rem);
+}
+
+.sidebar-mini .main-sidebar .nav-flat .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat .nav-link {
+  width: 250px;
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 2);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 3);
+}
+
+.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 4);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - .5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 1rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 1.5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 2rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 0.5rem * 2 - 2.5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link {
+  width: 250px;
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
+  width: calc(250px - .5rem);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 2);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 3);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 4);
+}
+
+.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 5);
+}
+
+.sidebar-mini .main-sidebar .nav-link,
+.sidebar-mini-md .main-sidebar .nav-link,
+.sidebar-mini-xs .main-sidebar .nav-link {
+  width: calc(250px - 0.5rem * 2);
+  transition: width ease-in-out 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-mini .main-sidebar .nav-link,
+  .sidebar-mini-md .main-sidebar .nav-link,
+  .sidebar-mini-xs .main-sidebar .nav-link {
+    transition: none;
+  }
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar-search-results {
+  display: none;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
+  width: 3.6rem;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-legacy .nav-link {
+  width: 4.6rem;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link {
+  width: calc(4.6rem - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header {
+  display: inline-block;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .nav-link {
+  width: calc(250px - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar {
+  display: inline-block;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results {
+  display: inline-block;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent .nav-link {
+  width: calc(250px - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy .nav-link {
+  width: 250px;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px - 1rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 1rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 2rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 3rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - 1rem - 4rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat .nav-link {
+  width: 250px;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link {
+  width: calc(250px);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 3);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .2rem * 4);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-compact .nav-link {
+  width: calc(250px - 0.5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link {
+  width: 250px;
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
+  width: calc(250px - .5rem);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 2);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 3);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 4);
+}
+
+.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
+  width: calc(250px - .5rem * 5);
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover {
+  width: 4.6rem;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-header {
+  display: none;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link {
+  width: 4.6rem !important;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel .image {
+  float: none !important;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xs {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xl {
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
+  padding-left: 0;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p {
+  margin-left: -10px;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: hidden;
+  display: inline-block;
+  width: 0;
+}
+
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
+.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
+.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
+.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon {
+  margin-right: 0;
+}
+
+.nav-sidebar {
+  position: relative;
+}
+
+.nav-sidebar:hover {
+  overflow: visible;
+}
+
+.sidebar-form,
+.nav-sidebar > .nav-header {
+  overflow: hidden;
+  text-overflow: clip;
+}
+
+.nav-sidebar .nav-item > .nav-link {
+  position: relative;
+}
+
+.nav-sidebar .nav-item > .nav-link > .float-right {
+  margin-top: -7px;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+}
+
+.sidebar .nav-link p,
+.main-sidebar .brand-text,
+.main-sidebar .logo-xs,
+.main-sidebar .logo-xl,
+.sidebar .user-panel .info {
+  transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sidebar .nav-link p,
+  .main-sidebar .brand-text,
+  .main-sidebar .logo-xs,
+  .main-sidebar .logo-xl,
+  .sidebar .user-panel .info {
+    transition: none;
+  }
+}
+
+html.control-sidebar-animate {
+  overflow-x: hidden;
+}
+
+.control-sidebar {
+  bottom: calc(3.5rem + 1px);
+  position: absolute;
+  top: calc(3.5rem + 1px);
+  z-index: 1031;
+}
+
+.control-sidebar, .control-sidebar::before {
+  bottom: calc(3.5rem + 1px);
+  display: none;
+  right: -250px;
+  width: 250px;
+  transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control-sidebar, .control-sidebar::before {
+    transition: none;
+  }
+}
+
+.control-sidebar::before {
+  content: "";
+  display: block;
+  position: fixed;
+  top: 0;
+  z-index: -1;
+}
+
+body.text-sm .control-sidebar {
+  bottom: calc(2.9365rem + 1px);
+  top: calc(2.93725rem + 1px);
+}
+
+.main-header.text-sm ~ .control-sidebar {
+  top: calc(2.93725rem + 1px);
+}
+
+.main-footer.text-sm ~ .control-sidebar {
+  bottom: calc(2.9365rem + 1px);
+}
+
+.control-sidebar-push-slide .content-wrapper,
+.control-sidebar-push-slide .main-footer {
+  transition: margin-right 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control-sidebar-push-slide .content-wrapper,
+  .control-sidebar-push-slide .main-footer {
+    transition: none;
+  }
+}
+
+.control-sidebar-open .control-sidebar {
+  display: block !important;
+}
+
+.control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before {
+  right: 0;
+}
+
+.control-sidebar-open.control-sidebar-push .content-wrapper,
+.control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper,
+.control-sidebar-open.control-sidebar-push-slide .main-footer {
+  margin-right: 250px;
+}
+
+.control-sidebar-slide-open .control-sidebar {
+  display: block;
+}
+
+.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
+  right: 0;
+  transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
+    transition: none;
+  }
+}
+
+.control-sidebar-slide-open.control-sidebar-push .content-wrapper,
+.control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,
+.control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
+  margin-right: 250px;
+}
+
+.control-sidebar-dark {
+  background-color: #343a40;
+}
+
+.control-sidebar-dark,
+.control-sidebar-dark a,
+.control-sidebar-dark .nav-link {
+  color: #c2c7d0;
+}
+
+.control-sidebar-dark a:hover {
+  color: #fff;
+}
+
+.control-sidebar-dark h1,
+.control-sidebar-dark h2,
+.control-sidebar-dark h3,
+.control-sidebar-dark h4,
+.control-sidebar-dark h5,
+.control-sidebar-dark h6,
+.control-sidebar-dark label {
+  color: #fff;
+}
+
+.control-sidebar-dark .nav-tabs {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-bottom: 0;
+  margin-bottom: 5px;
+}
+
+.control-sidebar-dark .nav-tabs .nav-item {
+  margin: 0;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link {
+  border-radius: 0;
+  padding: 10px 20px;
+  position: relative;
+  text-align: center;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link, .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
+  border: 0;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-top-color: transparent;
+  color: #fff;
+}
+
+.control-sidebar-dark .nav-tabs .nav-link.active {
+  background-color: #343a40;
+}
+
+.control-sidebar-dark .tab-pane {
+  padding: 10px 15px;
+}
+
+.control-sidebar-light {
+  color: #4b545c;
+  background-color: #fff;
+  border-left: 1px solid #dee2e6;
+}
+
+.text-sm .dropdown-menu {
+  font-size: 0.875rem !important;
+}
+
+.text-sm .dropdown-toggle::after {
+  vertical-align: .2rem;
+}
+
+.dropdown-item-title {
+  font-size: 1rem;
+  margin: 0;
+}
+
+.dropdown-icon::after {
+  margin-left: 0;
+}
+
+.dropdown-menu-lg {
+  max-width: 300px;
+  min-width: 280px;
+  padding: 0;
+}
+
+.dropdown-menu-lg .dropdown-divider {
+  margin: 0;
+}
+
+.dropdown-menu-lg .dropdown-item {
+  padding: 0.5rem 1rem;
+}
+
+.dropdown-menu-lg p {
+  margin: 0;
+  white-space: normal;
+}
+
+.dropdown-submenu {
+  position: relative;
+}
+
+.dropdown-submenu > a::after {
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+  float: right;
+  margin-left: .5rem;
+  margin-top: .5rem;
+}
+
+.dropdown-submenu > .dropdown-menu {
+  left: 100%;
+  margin-left: 0;
+  margin-top: 0;
+  top: 0;
+}
+
+.dropdown-hover:hover > .dropdown-menu, .dropdown-hover.nav-item.dropdown:hover > .dropdown-menu,
+.dropdown-hover .dropdown-submenu:hover > .dropdown-menu, .dropdown-hover.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+}
+
+.dropdown-menu-xl {
+  max-width: 420px;
+  min-width: 360px;
+  padding: 0;
+}
+
+.dropdown-menu-xl .dropdown-divider {
+  margin: 0;
+}
+
+.dropdown-menu-xl .dropdown-item {
+  padding: 0.5rem 1rem;
+}
+
+.dropdown-menu-xl p {
+  margin: 0;
+  white-space: normal;
+}
+
+.dropdown-footer,
+.dropdown-header {
+  display: block;
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  text-align: center;
+}
+
+.open:not(.dropup) > .animated-dropdown-menu {
+  animation: flipInX 0.7s both;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
 .navbar-custom-menu > .navbar-nav > li {
   position: relative;
 }
+
 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
   position: absolute;
   right: 0;
   left: auto;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .navbar-custom-menu > .navbar-nav {
     float: right;
   }
@@ -16083,280 +29911,18071 @@ a:focus {
     right: 5%;
     left: auto;
     border: 1px solid #ddd;
-    background: #fff;
+    background-color: #fff;
   }
 }
-/*
- * Component: Form
- * ---------------
- */
-.form-control {
+
+.navbar-nav > .user-menu > .nav-link::after {
+  content: none;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  padding: 0;
+  width: 280px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu,
+.navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
+  height: 175px;
+  padding: 10px;
+  text-align: center;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
+  z-index: 5;
+  height: 90px;
+  width: 90px;
+  border: 3px solid;
+  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
+  z-index: 5;
+  font-size: 17px;
+  margin-top: 10px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
+  display: block;
+  font-size: 12px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  border-bottom: 1px solid #495057;
+  border-top: 1px solid #dee2e6;
+  padding: 15px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+@media (min-width: 576px) {
+  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
+    background-color: #fff !important;
+    color: #495057 !important;
+  }
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
+  background-color: #f8f9fa;
+  padding: 10px;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
+  color: #6c757d;
+}
+
+@media (min-width: 576px) {
+  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
+    background-color: #f8f9fa;
+  }
+}
+
+.navbar-nav > .user-menu .user-image {
+  border-radius: 50%;
+  float: left;
+  height: 2.1rem;
+  margin-right: 10px;
+  margin-top: -2px;
+  width: 2.1rem;
+}
+
+@media (min-width: 576px) {
+  .navbar-nav > .user-menu .user-image {
+    float: none;
+    line-height: 10px;
+    margin-right: .4rem;
+    margin-top: -8px;
+  }
+}
+
+.dark-mode .dropdown-menu {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .dropdown-item {
+  color: #fff;
+}
+
+.dark-mode .dropdown-item:focus, .dark-mode .dropdown-item:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .dropdown-divider {
+  border-color: #6c757d;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
+  background-color: #3a4047;
+  color: #fff;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
+  color: #fff;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
+  background-color: #3f474e;
+  color: #dee2e6;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
+  background-color: #454d55;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body {
+  border-color: #6c757d;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
+  background-color: transparent !important;
+  color: #fff !important;
+}
+
+.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus {
+  color: #ced4da !important;
+}
+
+.nav-pills .nav-link {
+  color: #6c757d;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #007bff;
+}
+
+.nav-pills .nav-item.dropdown.show .nav-link:hover {
+  color: #fff;
+}
+
+.nav-tabs.flex-column {
+  border-bottom: 0;
+  border-right: 1px solid #dee2e6;
+}
+
+.nav-tabs.flex-column .nav-link {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+  margin-right: -1px;
+}
+
+.nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus {
+  border-color: #e9ecef transparent #e9ecef #e9ecef;
+}
+
+.nav-tabs.flex-column .nav-link.active,
+.nav-tabs.flex-column .nav-item.show .nav-link {
+  border-color: #dee2e6 transparent #dee2e6 #dee2e6;
+}
+
+.nav-tabs.flex-column.nav-tabs-right {
+  border-left: 1px solid #dee2e6;
+  border-right: 0;
+}
+
+.nav-tabs.flex-column.nav-tabs-right .nav-link {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0.25rem;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0.25rem;
+  margin-left: -1px;
+}
+
+.nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
+  border-color: #e9ecef #e9ecef #e9ecef transparent;
+}
+
+.nav-tabs.flex-column.nav-tabs-right .nav-link.active,
+.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
+  border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
+}
+
+.navbar-no-expand {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-no-expand .nav-link {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.navbar-no-expand .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-light {
+  background-color: #f8f9fa;
+}
+
+.navbar-dark {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.navbar-primary {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar,
+.navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #0071eb;
+  border-color: #0065d1;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-primary.navbar-light .form-control-navbar:focus,
+.navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #006fe6;
+  border-color: #0065d1 !important;
+  color: #343a40;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar,
+.navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1486ff;
+  border-color: #2e93ff;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-primary.navbar-dark .form-control-navbar:focus,
+.navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1a88ff;
+  border-color: #2e93ff !important;
+  color: #fff;
+}
+
+.navbar-secondary {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar,
+.navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-light .form-control-navbar:focus,
+.navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar,
+.navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-secondary.navbar-dark .form-control-navbar:focus,
+.navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.navbar-success {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar,
+.navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #24973e;
+  border-color: #1f8236;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-success.navbar-light .form-control-navbar:focus,
+.navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #23923d;
+  border-color: #1f8236 !important;
+  color: #343a40;
+}
+
+.navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar,
+.navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2cb74c;
+  border-color: #31cc54;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-success.navbar-dark .form-control-navbar:focus,
+.navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #2dbc4e;
+  border-color: #31cc54 !important;
+  color: #fff;
+}
+
+.navbar-info {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar,
+.navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1592a6;
+  border-color: #127e8f;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-info.navbar-light .form-control-navbar:focus,
+.navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #148ea1;
+  border-color: #127e8f !important;
+  color: #343a40;
+}
+
+.navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar,
+.navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #19b2ca;
+  border-color: #1cc6e1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-info.navbar-dark .form-control-navbar:focus,
+.navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1ab6cf;
+  border-color: #1cc6e1 !important;
+  color: #fff;
+}
+
+.navbar-warning {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar,
+.navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f2b500;
+  border-color: #d8a200;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-warning.navbar-light .form-control-navbar:focus,
+.navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #edb100;
+  border-color: #d8a200 !important;
+  color: #343a40;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar,
+.navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ffc61b;
+  border-color: #ffcc35;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-warning.navbar-dark .form-control-navbar:focus,
+.navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ffc721;
+  border-color: #ffcc35 !important;
+  color: #fff;
+}
+
+.navbar-danger {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar,
+.navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #d72536;
+  border-color: #c22231;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-danger.navbar-light .form-control-navbar:focus,
+.navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #d32535;
+  border-color: #c22231 !important;
+  color: #343a40;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar,
+.navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #df4655;
+  border-color: #e35c69;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-danger.navbar-dark .form-control-navbar:focus,
+.navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e04b59;
+  border-color: #e35c69 !important;
+  color: #fff;
+}
+
+.navbar-lightblue {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar,
+.navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3781ad;
+  border-color: #317399;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-light .form-control-navbar:focus,
+.navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #367fa9;
+  border-color: #317399 !important;
+  color: #343a40;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar,
+.navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #4897c5;
+  border-color: #5ba2cb;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-lightblue.navbar-dark .form-control-navbar:focus,
+.navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4c99c6;
+  border-color: #5ba2cb !important;
+  color: #fff;
+}
+
+.navbar-navy {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar,
+.navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00152b;
+  border-color: #000811;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-navy.navbar-light .form-control-navbar:focus,
+.navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #001226;
+  border-color: #000811 !important;
+  color: #343a40;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar,
+.navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #002953;
+  border-color: #00366d;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-navy.navbar-dark .form-control-navbar:focus,
+.navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #002c59;
+  border-color: #00366d !important;
+  color: #fff;
+}
+
+.navbar-olive {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar,
+.navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #378a65;
+  border-color: #307858;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-olive.navbar-light .form-control-navbar:focus,
+.navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #368763;
+  border-color: #307858 !important;
+  color: #343a40;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar,
+.navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #43a87b;
+  border-color: #4cb888;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-olive.navbar-dark .form-control-navbar:focus,
+.navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #44ab7d;
+  border-color: #4cb888 !important;
+  color: #fff;
+}
+
+.navbar-lime {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar,
+.navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00ec67;
+  border-color: #00d25c;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-lime.navbar-light .form-control-navbar:focus,
+.navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00e765;
+  border-color: #00d25c !important;
+  color: #343a40;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar,
+.navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #15ff7b;
+  border-color: #2fff8a;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-lime.navbar-dark .form-control-navbar:focus,
+.navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1bff7e;
+  border-color: #2fff8a !important;
+  color: #fff;
+}
+
+.navbar-fuchsia {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar,
+.navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #df0eb0;
+  border-color: #c70d9d;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-light .form-control-navbar:focus,
+.navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #db0ead;
+  border-color: #c70d9d !important;
+  color: #343a40;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar,
+.navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f125c3;
+  border-color: #f33dca;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus,
+.navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f22ac5;
+  border-color: #f33dca !important;
+  color: #fff;
+}
+
+.navbar-maroon {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar,
+.navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #c61958;
+  border-color: #af164e;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-light .form-control-navbar:focus,
+.navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #c11856;
+  border-color: #af164e !important;
+  color: #343a40;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar,
+.navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e4246a;
+  border-color: #e63a79;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-maroon.navbar-dark .form-control-navbar:focus,
+.navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e4286d;
+  border-color: #e63a79 !important;
+  color: #fff;
+}
+
+.navbar-blue {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar,
+.navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #0071eb;
+  border-color: #0065d1;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-blue.navbar-light .form-control-navbar:focus,
+.navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #006fe6;
+  border-color: #0065d1 !important;
+  color: #343a40;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar,
+.navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1486ff;
+  border-color: #2e93ff;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-blue.navbar-dark .form-control-navbar:focus,
+.navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1a88ff;
+  border-color: #2e93ff !important;
+  color: #fff;
+}
+
+.navbar-indigo {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar,
+.navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #5d0ce1;
+  border-color: #530bc9;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-light .form-control-navbar:focus,
+.navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #5b0cdd;
+  border-color: #530bc9 !important;
+  color: #343a40;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar,
+.navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7223f3;
+  border-color: #823cf4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-indigo.navbar-dark .form-control-navbar:focus,
+.navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7528f3;
+  border-color: #823cf4 !important;
+  color: #fff;
+}
+
+.navbar-purple {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar,
+.navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #663bb4;
+  border-color: #5b35a0;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-purple.navbar-light .form-control-navbar:focus,
+.navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #643ab0;
+  border-color: #5b35a0 !important;
+  color: #343a40;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar,
+.navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7b51c6;
+  border-color: #8965cc;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-purple.navbar-dark .form-control-navbar:focus,
+.navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7e55c7;
+  border-color: #8965cc !important;
+  color: #fff;
+}
+
+.navbar-pink {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar,
+.navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e62c81;
+  border-color: #de1a74;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-pink.navbar-light .form-control-navbar:focus,
+.navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e5277e;
+  border-color: #de1a74 !important;
+  color: #343a40;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar,
+.navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ea5097;
+  border-color: #ed67a4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-pink.navbar-dark .form-control-navbar:focus,
+.navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #eb559a;
+  border-color: #ed67a4 !important;
+  color: #fff;
+}
+
+.navbar-red {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar,
+.navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #d72536;
+  border-color: #c22231;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-red.navbar-light .form-control-navbar:focus,
+.navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #d32535;
+  border-color: #c22231 !important;
+  color: #343a40;
+}
+
+.navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar,
+.navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #df4655;
+  border-color: #e35c69;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-red.navbar-dark .form-control-navbar:focus,
+.navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e04b59;
+  border-color: #e35c69 !important;
+  color: #fff;
+}
+
+.navbar-orange {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar,
+.navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fa7302;
+  border-color: #e16702;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-orange.navbar-light .form-control-navbar:focus,
+.navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f57102;
+  border-color: #e16702 !important;
+  color: #343a40;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar,
+.navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fd8928;
+  border-color: #fd9742;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-orange.navbar-dark .form-control-navbar:focus,
+.navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #fd8c2d;
+  border-color: #fd9742 !important;
+  color: #fff;
+}
+
+.navbar-yellow {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar,
+.navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f2b500;
+  border-color: #d8a200;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-light .form-control-navbar:focus,
+.navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #edb100;
+  border-color: #d8a200 !important;
+  color: #343a40;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar,
+.navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ffc61b;
+  border-color: #ffcc35;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-yellow.navbar-dark .form-control-navbar:focus,
+.navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ffc721;
+  border-color: #ffcc35 !important;
+  color: #fff;
+}
+
+.navbar-green {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar,
+.navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #24973e;
+  border-color: #1f8236;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-green.navbar-light .form-control-navbar:focus,
+.navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #23923d;
+  border-color: #1f8236 !important;
+  color: #343a40;
+}
+
+.navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar,
+.navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2cb74c;
+  border-color: #31cc54;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-green.navbar-dark .form-control-navbar:focus,
+.navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #2dbc4e;
+  border-color: #31cc54 !important;
+  color: #fff;
+}
+
+.navbar-teal {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar,
+.navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1db78a;
+  border-color: #1aa179;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-teal.navbar-light .form-control-navbar:focus,
+.navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1cb386;
+  border-color: #1aa179 !important;
+  color: #343a40;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar,
+.navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #23dba4;
+  border-color: #38dfae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-teal.navbar-dark .form-control-navbar:focus,
+.navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #26dca6;
+  border-color: #38dfae !important;
+  color: #fff;
+}
+
+.navbar-cyan {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar,
+.navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1592a6;
+  border-color: #127e8f;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-light .form-control-navbar:focus,
+.navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #148ea1;
+  border-color: #127e8f !important;
+  color: #343a40;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar,
+.navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #19b2ca;
+  border-color: #1cc6e1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-cyan.navbar-dark .form-control-navbar:focus,
+.navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1ab6cf;
+  border-color: #1cc6e1 !important;
+  color: #fff;
+}
+
+.navbar-white {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar,
+.navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: whitesmoke;
+  border-color: #e8e8e8;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-white.navbar-light .form-control-navbar:focus,
+.navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f2f2f2;
+  border-color: #e8e8e8 !important;
+  color: #343a40;
+}
+
+.navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar,
+.navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: white;
+  border-color: white;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-white.navbar-dark .form-control-navbar:focus,
+.navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: white;
+  border-color: white !important;
+  color: #fff;
+}
+
+.navbar-gray {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar,
+.navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-gray.navbar-light .form-control-navbar:focus,
+.navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar,
+.navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-gray.navbar-dark .form-control-navbar:focus,
+.navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.navbar-gray-dark {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar,
+.navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2b3035;
+  border-color: #1f2327;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-light .form-control-navbar:focus,
+.navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #292d32;
+  border-color: #1f2327 !important;
+  color: #343a40;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar,
+.navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3d444b;
+  border-color: #495159;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus,
+.navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #3f474e;
+  border-color: #495159 !important;
+  color: #fff;
+}
+
+.navbar-nav-not-expanded {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-nav-not-expanded .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-nav-not-expanded .nav-link {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.dark-mode .nav-pills .nav-link {
+  color: #ced4da;
+}
+
+.dark-mode .nav-tabs {
+  border-color: #56606a;
+}
+
+.dark-mode .nav-tabs .nav-link:focus,
+.dark-mode .nav-tabs .nav-link:hover {
+  border-color: #56606a;
+}
+
+.dark-mode .nav-tabs .nav-item.show .nav-link,
+.dark-mode .nav-tabs .nav-link.active {
+  background-color: #343a40;
+  border-color: #56606a #56606a transparent #56606a;
+  color: #fff;
+}
+
+.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
+.dark-mode .nav-tabs.flex-column .nav-link.active,
+.dark-mode .nav-tabs.flex-column .nav-link:focus,
+.dark-mode .nav-tabs.flex-column .nav-link:hover {
+  border-color: #56606a transparent #56606a #56606a;
+}
+
+.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
+.dark-mode .nav-tabs.flex-column .nav-link:focus,
+.dark-mode .nav-tabs.flex-column .nav-link:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .nav-tabs.flex-column.nav-tabs-right {
+  border-color: #56606a;
+}
+
+.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
+  border-color: #56606a #56606a #56606a transparent;
+}
+
+.dark-mode .navbar-light {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .navbar-dark {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.dark-mode .navbar-primary {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar,
+.dark-mode .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #395d83;
+  border-color: #315071;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #375a7f;
+  border-color: #315071 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar,
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45719f;
+  border-color: #4d7eb1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4774a3;
+  border-color: #4d7eb1 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar,
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar,
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-success {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar,
+.dark-mode .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00a87d;
+  border-color: #008e6a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00a379;
+  border-color: #008e6a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar,
+.dark-mode .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00d09b;
+  border-color: #00eaae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00d69f;
+  border-color: #00eaae !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-info {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar,
+.dark-mode .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #268fd5;
+  border-color: #2280bf;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #258cd1;
+  border-color: #2280bf !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar,
+.dark-mode .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45a1de;
+  border-color: #5bace2;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4aa3df;
+  border-color: #5bace2 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-warning {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar,
+.dark-mode .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e5910c;
+  border-color: #cd820a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e08e0b;
+  border-color: #cd820a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar,
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f4a425;
+  border-color: #f5ae3e;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f4a62a;
+  border-color: #f5ae3e !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-danger {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar,
+.dark-mode .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e53b2a;
+  border-color: #da2d1b;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e43725;
+  border-color: #da2d1b !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar,
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e95d4e;
+  border-color: #ec7265;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ea6153;
+  border-color: #ec7265 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar,
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #76b1d3;
+  border-color: #63a6cd;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #72afd2;
+  border-color: #63a6cd !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar,
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #95c3dd;
+  border-color: #a9cee3;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #99c5de;
+  border-color: #a9cee3 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-navy {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar,
+.dark-mode .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #002244;
+  border-color: #00152b;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #001f3f;
+  border-color: #00152b !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar,
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00366d;
+  border-color: #004286;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #003872;
+  border-color: #004286 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-olive {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar,
+.dark-mode .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #66c299;
+  border-color: #53bb8d;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #62c096;
+  border-color: #53bb8d !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar,
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #83ceac;
+  border-color: #95d5b8;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #87cfaf;
+  border-color: #95d5b8 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-lime {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar,
+.dark-mode .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #53ff9e;
+  border-color: #39ff90;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4eff9b;
+  border-color: #39ff90 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar,
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7bffb5;
+  border-color: #95ffc3;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #81ffb8;
+  border-color: #95ffc3 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar,
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f55fd3;
+  border-color: #f347cc;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f55ad2;
+  border-color: #f347cc !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar,
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f785de;
+  border-color: #f99de4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f88adf;
+  border-color: #f99de4 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar,
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ea5a8f;
+  border-color: #e8447f;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ea568c;
+  border-color: #e8447f !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar,
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ef7ea8;
+  border-color: #f295b7;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f083ab;
+  border-color: #f295b7 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-blue {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar,
+.dark-mode .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #395d83;
+  border-color: #315071;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #375a7f;
+  border-color: #315071 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar,
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45719f;
+  border-color: #4d7eb1;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4774a3;
+  border-color: #4d7eb1 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar,
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #5d0ce1;
+  border-color: #530bc9;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #5b0cdd;
+  border-color: #530bc9 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar,
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7223f3;
+  border-color: #823cf4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7528f3;
+  border-color: #823cf4 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-purple {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar,
+.dark-mode .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #663bb4;
+  border-color: #5b35a0;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #643ab0;
+  border-color: #5b35a0 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar,
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #7b51c6;
+  border-color: #8965cc;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #7e55c7;
+  border-color: #8965cc !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-pink {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar,
+.dark-mode .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e62c81;
+  border-color: #de1a74;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e5277e;
+  border-color: #de1a74 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar,
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #ea5097;
+  border-color: #ed67a4;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #eb559a;
+  border-color: #ed67a4 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-red {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar,
+.dark-mode .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e53b2a;
+  border-color: #da2d1b;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e43725;
+  border-color: #da2d1b !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar,
+.dark-mode .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e95d4e;
+  border-color: #ec7265;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #ea6153;
+  border-color: #ec7265 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-orange {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar,
+.dark-mode .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fa7302;
+  border-color: #e16702;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f57102;
+  border-color: #e16702 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar,
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #fd8928;
+  border-color: #fd9742;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #fd8c2d;
+  border-color: #fd9742 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar,
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #e5910c;
+  border-color: #cd820a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #e08e0b;
+  border-color: #cd820a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar,
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #f4a425;
+  border-color: #f5ae3e;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f4a62a;
+  border-color: #f5ae3e !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-green {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar,
+.dark-mode .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00a87d;
+  border-color: #008e6a;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00a379;
+  border-color: #008e6a !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar,
+.dark-mode .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #00d09b;
+  border-color: #00eaae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #00d69f;
+  border-color: #00eaae !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-teal {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar,
+.dark-mode .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #1db78a;
+  border-color: #1aa179;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #1cb386;
+  border-color: #1aa179 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar,
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #23dba4;
+  border-color: #38dfae;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #26dca6;
+  border-color: #38dfae !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar,
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #268fd5;
+  border-color: #2280bf;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #258cd1;
+  border-color: #2280bf !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar,
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #45a1de;
+  border-color: #5bace2;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #4aa3df;
+  border-color: #5bace2 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-white {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar,
+.dark-mode .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: whitesmoke;
+  border-color: #e8e8e8;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #f2f2f2;
+  border-color: #e8e8e8 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar,
+.dark-mode .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: white;
+  border-color: white;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: white;
+  border-color: white !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar,
+.dark-mode .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #636b72;
+  border-color: #575e64;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #60686f;
+  border-color: #575e64 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar,
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #757f88;
+  border-color: #838c94;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #78828a;
+  border-color: #838c94 !important;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar,
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #2b3035;
+  border-color: #1f2327;
+  color: rgba(52, 58, 64, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus,
+.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #292d32;
+  border-color: #1f2327 !important;
+  color: #343a40;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar,
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3d444b;
+  border-color: #495159;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
+  color: #fff;
+}
+
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
+.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
+  background-color: #3f474e;
+  border-color: #495159 !important;
+  color: #fff;
+}
+
+.pagination-month .page-item {
+  justify-self: stretch;
+}
+
+.pagination-month .page-item .page-link {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  box-shadow: none;
+}
+
+.pagination-month .page-item:first-child .page-link, .pagination-month .page-item:last-child .page-link {
+  height: 100%;
+  font-size: 1.25rem;
+}
+
+.pagination-month .page-item .page-month {
+  margin-bottom: 0;
+  font-size: 1.25rem;
+  font-weight: 700;
+}
+
+.pagination-month .page-item .page-year {
+  margin-bottom: 0;
+}
+
+.pagination-month.pagination-lg .page-month {
+  font-size: 1.5625rem;
+}
+
+.pagination-month.pagination-sm .page-month {
+  font-size: 1rem;
+}
+
+.dark-mode .page-item.disabled a,
+.dark-mode .page-item.disabled .page-link {
+  background-color: #3a4047 !important;
+  border-color: #6c757d !important;
+  color: #6c757d;
+}
+
+.dark-mode .page-item .page-link {
+  color: #3f6791;
+}
+
+.dark-mode .page-item.active .page-link {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus {
+  color: #ced4da !important;
+}
+
+.dark-mode .page-item:not(.active) .page-link {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus {
+  color: #4774a3;
+  background-color: #3f474e;
+}
+
+.form-group.has-icon {
+  position: relative;
+}
+
+.form-group.has-icon .form-control {
+  padding-right: 35px;
+}
+
+.form-group.has-icon .form-icon {
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  font-size: 1rem;
+  padding: 0.375rem 0.75rem;
+  position: absolute;
+  right: 3px;
+  top: 0;
+}
+
+.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
   border-radius: 0;
-  box-shadow: none;
-  border-color: #d2d6de;
 }
-.form-control:focus {
-  border-color: #3c8dbc;
-  box-shadow: none;
+
+.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion {
+  line-height: calc(2.25rem + 2px);
 }
-.form-control::-moz-placeholder,
-.form-control:-ms-input-placeholder,
-.form-control::-webkit-input-placeholder {
-  color: #bbb;
-  opacity: 1;
+
+.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion,
+.input-group-lg + .form-control-feedback.fa,
+.input-group-lg + .form-control-feedback.fas,
+.input-group-lg + .form-control-feedback.far,
+.input-group-lg + .form-control-feedback.fab,
+.input-group-lg + .form-control-feedback.fal,
+.input-group-lg + .form-control-feedback.fad,
+.input-group-lg + .form-control-feedback.svg-inline--fa,
+.input-group-lg + .form-control-feedback.ion {
+  line-height: calc(2.875rem + 2px);
 }
-.form-control:not(select) {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+
+.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion {
+  line-height: calc(2.875rem + 2px);
 }
-.form-group.has-success label {
-  color: #00a65a;
+
+.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion,
+.input-group-sm + .form-control-feedback.fa,
+.input-group-sm + .form-control-feedback.fas,
+.input-group-sm + .form-control-feedback.far,
+.input-group-sm + .form-control-feedback.fab,
+.input-group-sm + .form-control-feedback.fal,
+.input-group-sm + .form-control-feedback.fad,
+.input-group-sm + .form-control-feedback.svg-inline--fa,
+.input-group-sm + .form-control-feedback.ion {
+  line-height: calc(1.8125rem + 2px);
 }
-.form-group.has-success .form-control,
-.form-group.has-success .input-group-addon {
-  border-color: #00a65a;
-  box-shadow: none;
+
+.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion {
+  line-height: calc(1.8125rem + 2px);
 }
-.form-group.has-success .help-block {
-  color: #00a65a;
+
+label:not(.form-check-label):not(.custom-file-label) {
+  font-weight: 700;
 }
-.form-group.has-warning label {
-  color: #f39c12;
+
+.warning-feedback {
+  font-size: 80%;
+  color: #ffc107;
+  display: none;
+  margin-top: 0.25rem;
+  width: 100%;
 }
-.form-group.has-warning .form-control,
-.form-group.has-warning .input-group-addon {
-  border-color: #f39c12;
-  box-shadow: none;
+
+.warning-tooltip {
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
+  background-color: rgba(255, 193, 7, 0.9);
+  color: #1f2d3d;
+  display: none;
+  line-height: 1.5;
+  margin-top: .1rem;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  position: absolute;
+  top: 100%;
+  z-index: 5;
 }
-.form-group.has-warning .help-block {
-  color: #f39c12;
+
+.form-control.is-warning {
+  border-color: #ffc107;
 }
-.form-group.has-error label {
-  color: #dd4b39;
+
+.form-control.is-warning:focus {
+  border-color: #ffc107;
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
 }
-.form-group.has-error .form-control,
-.form-group.has-error .input-group-addon {
-  border-color: #dd4b39;
-  box-shadow: none;
+
+.form-control.is-warning ~ .warning-feedback,
+.form-control.is-warning ~ .warning-tooltip {
+  display: block;
 }
-.form-group.has-error .help-block {
-  color: #dd4b39;
+
+textarea.form-control.is-warning {
+  padding-right: 2.25rem;
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
-/* Input group */
-.input-group .input-group-addon {
+
+.custom-select.is-warning {
+  border-color: #ffc107;
+}
+
+.custom-select.is-warning:focus {
+  border-color: #ffc107;
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
+}
+
+.custom-select.is-warning ~ .warning-feedback,
+.custom-select.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.form-control-file.is-warning ~ .warning-feedback,
+.form-control-file.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.form-check-input.is-warning ~ .form-check-label {
+  color: #ffc107;
+}
+
+.form-check-input.is-warning ~ .warning-feedback,
+.form-check-input.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.custom-control-input.is-warning ~ .custom-control-label {
+  color: #ffc107;
+}
+
+.custom-control-input.is-warning ~ .custom-control-label::before {
+  border-color: #ffc107;
+}
+
+.custom-control-input.is-warning ~ .warning-feedback,
+.custom-control-input.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.custom-control-input.is-warning:checked ~ .custom-control-label::before {
+  background-color: #ffce3a;
+  border-color: #ffce3a;
+}
+
+.custom-control-input.is-warning:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
+}
+
+.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #ffc107;
+}
+
+.custom-file-input.is-warning ~ .custom-file-label {
+  border-color: #ffc107;
+}
+
+.custom-file-input.is-warning ~ .warning-feedback,
+.custom-file-input.is-warning ~ .warning-tooltip {
+  display: block;
+}
+
+.custom-file-input.is-warning:focus ~ .custom-file-label {
+  border-color: #ffc107;
+  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
+}
+
+body.text-sm .input-group-text {
+  font-size: 0.875rem;
+}
+
+.form-control.form-control-border,
+.custom-select.form-control-border {
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
   border-radius: 0;
-  border-color: #d2d6de;
+  box-shadow: inherit;
+}
+
+.form-control.form-control-border.border-width-2,
+.custom-select.form-control-border.border-width-2 {
+  border-bottom-width: 2px;
+}
+
+.form-control.form-control-border.border-width-3,
+.custom-select.form-control-border.border-width-3 {
+  border-bottom-width: 3px;
+}
+
+.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
+  background-color: #003e80;
+}
+
+.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #99caff;
+}
+
+.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
+  background-color: #0f401b;
+}
+
+.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #86e29b;
+}
+
+.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
+  background-color: #093e47;
+}
+
+.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7adeee;
+}
+
+.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
+  background-color: #876500;
+}
+
+.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #ffe7a0;
+}
+
+.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
+  background-color: #7c151f;
+}
+
+.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f3b7bd;
+}
+
+.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
+  background-color: #aeb9c5;
+}
+
+.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
+  background-color: #3c8dbc;
+  border-color: #23536f;
+}
+
+.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
+  background-color: #1d455b;
+}
+
+.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3c8dbc;
+  border-color: #23536f;
+}
+
+.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #acd0e5;
+}
+
+.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
+  background-color: #001f3f;
+  border-color: black;
+}
+
+.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #001f3f;
+  border-color: black;
+}
+
+.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #006ad8;
+}
+
+.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
+  background-color: #3d9970;
+  border-color: #20503b;
+}
+
+.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
+  background-color: #193e2d;
+}
+
+.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3d9970;
+  border-color: #20503b;
+}
+
+.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #99d6bb;
+}
+
+.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
+  background-color: #01ff70;
+  border-color: #009a43;
+}
+
+.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
+  background-color: #008138;
+}
+
+.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #01ff70;
+  border-color: #009a43;
+}
+
+.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #9affc6;
+}
+
+.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
+  background-color: #f012be;
+  border-color: #930974;
+}
+
+.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
+  background-color: #7b0861;
+}
+
+.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f012be;
+  border-color: #930974;
+}
+
+.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f9a2e5;
+}
+
+.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
+  background-color: #d81b60;
+  border-color: #7d1038;
+}
+
+.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
+  background-color: #670d2e;
+}
+
+.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #d81b60;
+  border-color: #7d1038;
+}
+
+.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f29aba;
+}
+
+.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
+  background-color: #003e80;
+}
+
+.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #99caff;
+}
+
+.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
+  background-color: #33077c;
+}
+
+.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c3a1fa;
+}
+
+.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
+  background-color: #382063;
+}
+
+.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c7b5e7;
+}
+
+.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
+  background-color: #95124e;
+}
+
+.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c7dd;
+}
+
+.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
+  background-color: #7c151f;
+}
+
+.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f3b7bd;
+}
+
+.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
+  background-color: #904201;
+}
+
+.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fed1ac;
+}
+
+.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
+  background-color: #876500;
+}
+
+.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #ffe7a0;
+}
+
+.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
+  background-color: #0f401b;
+}
+
+.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #86e29b;
+}
+
+.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
+  background-color: #0e5b44;
+}
+
+.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #94eed3;
+}
+
+.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
+  background-color: #093e47;
+}
+
+.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7adeee;
+}
+
+.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
+  background-color: #bfbfbf;
+}
+
+.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.custom-range.custom-range-primary:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-primary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-primary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-primary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-primary::-webkit-slider-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-primary::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-primary::-moz-range-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-primary::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-primary::-ms-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-primary::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-secondary:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-secondary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-secondary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-secondary::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-secondary::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-secondary::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-secondary::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-secondary::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-secondary::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-success:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-success:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-success:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-success:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-success::-webkit-slider-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-success::-webkit-slider-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-success::-moz-range-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-success::-moz-range-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-success::-ms-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-success::-ms-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-info:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-info:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-info:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-info:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-info::-webkit-slider-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-info::-webkit-slider-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-info::-moz-range-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-info::-moz-range-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-info::-ms-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-info::-ms-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-warning:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-warning:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-warning:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-warning:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-warning::-webkit-slider-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-warning::-webkit-slider-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-warning::-moz-range-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-warning::-moz-range-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-warning::-ms-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-warning::-ms-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-danger:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-danger:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-danger:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-danger:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-danger::-webkit-slider-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-danger::-webkit-slider-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-danger::-moz-range-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-danger::-moz-range-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-danger::-ms-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-danger::-ms-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-light:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-light:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-range.custom-range-light:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-range.custom-range-light:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.custom-range.custom-range-light::-webkit-slider-thumb {
+  background-color: #f8f9fa;
+}
+
+.custom-range.custom-range-light::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.custom-range.custom-range-light::-moz-range-thumb {
+  background-color: #f8f9fa;
+}
+
+.custom-range.custom-range-light::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.custom-range.custom-range-light::-ms-thumb {
+  background-color: #f8f9fa;
+}
+
+.custom-range.custom-range-light::-ms-thumb:active {
+  background-color: white;
+}
+
+.custom-range.custom-range-dark:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-lightblue:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-range.custom-range-lightblue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-range.custom-range-lightblue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
+}
+
+.custom-range.custom-range-lightblue::-webkit-slider-thumb {
+  background-color: #3c8dbc;
+}
+
+.custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
+  background-color: #c0dbeb;
+}
+
+.custom-range.custom-range-lightblue::-moz-range-thumb {
+  background-color: #3c8dbc;
+}
+
+.custom-range.custom-range-lightblue::-moz-range-thumb:active {
+  background-color: #c0dbeb;
+}
+
+.custom-range.custom-range-lightblue::-ms-thumb {
+  background-color: #3c8dbc;
+}
+
+.custom-range.custom-range-lightblue::-ms-thumb:active {
+  background-color: #c0dbeb;
+}
+
+.custom-range.custom-range-navy:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-navy:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-range.custom-range-navy:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-range.custom-range-navy:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
+}
+
+.custom-range.custom-range-navy::-webkit-slider-thumb {
+  background-color: #001f3f;
+}
+
+.custom-range.custom-range-navy::-webkit-slider-thumb:active {
+  background-color: #0077f2;
+}
+
+.custom-range.custom-range-navy::-moz-range-thumb {
+  background-color: #001f3f;
+}
+
+.custom-range.custom-range-navy::-moz-range-thumb:active {
+  background-color: #0077f2;
+}
+
+.custom-range.custom-range-navy::-ms-thumb {
+  background-color: #001f3f;
+}
+
+.custom-range.custom-range-navy::-ms-thumb:active {
+  background-color: #0077f2;
+}
+
+.custom-range.custom-range-olive:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-olive:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-range.custom-range-olive:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-range.custom-range-olive:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
+}
+
+.custom-range.custom-range-olive::-webkit-slider-thumb {
+  background-color: #3d9970;
+}
+
+.custom-range.custom-range-olive::-webkit-slider-thumb:active {
+  background-color: #abdec7;
+}
+
+.custom-range.custom-range-olive::-moz-range-thumb {
+  background-color: #3d9970;
+}
+
+.custom-range.custom-range-olive::-moz-range-thumb:active {
+  background-color: #abdec7;
+}
+
+.custom-range.custom-range-olive::-ms-thumb {
+  background-color: #3d9970;
+}
+
+.custom-range.custom-range-olive::-ms-thumb:active {
+  background-color: #abdec7;
+}
+
+.custom-range.custom-range-lime:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-lime:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-range.custom-range-lime:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-range.custom-range-lime:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
+}
+
+.custom-range.custom-range-lime::-webkit-slider-thumb {
+  background-color: #01ff70;
+}
+
+.custom-range.custom-range-lime::-webkit-slider-thumb:active {
+  background-color: #b4ffd4;
+}
+
+.custom-range.custom-range-lime::-moz-range-thumb {
+  background-color: #01ff70;
+}
+
+.custom-range.custom-range-lime::-moz-range-thumb:active {
+  background-color: #b4ffd4;
+}
+
+.custom-range.custom-range-lime::-ms-thumb {
+  background-color: #01ff70;
+}
+
+.custom-range.custom-range-lime::-ms-thumb:active {
+  background-color: #b4ffd4;
+}
+
+.custom-range.custom-range-fuchsia:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-range.custom-range-fuchsia:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
+}
+
+.custom-range.custom-range-fuchsia::-webkit-slider-thumb {
+  background-color: #f012be;
+}
+
+.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
+  background-color: #fbbaec;
+}
+
+.custom-range.custom-range-fuchsia::-moz-range-thumb {
+  background-color: #f012be;
+}
+
+.custom-range.custom-range-fuchsia::-moz-range-thumb:active {
+  background-color: #fbbaec;
+}
+
+.custom-range.custom-range-fuchsia::-ms-thumb {
+  background-color: #f012be;
+}
+
+.custom-range.custom-range-fuchsia::-ms-thumb:active {
+  background-color: #fbbaec;
+}
+
+.custom-range.custom-range-maroon:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-range.custom-range-maroon:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-range.custom-range-maroon:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
+}
+
+.custom-range.custom-range-maroon::-webkit-slider-thumb {
+  background-color: #d81b60;
+}
+
+.custom-range.custom-range-maroon::-webkit-slider-thumb:active {
+  background-color: #f5b0c9;
+}
+
+.custom-range.custom-range-maroon::-moz-range-thumb {
+  background-color: #d81b60;
+}
+
+.custom-range.custom-range-maroon::-moz-range-thumb:active {
+  background-color: #f5b0c9;
+}
+
+.custom-range.custom-range-maroon::-ms-thumb {
+  background-color: #d81b60;
+}
+
+.custom-range.custom-range-maroon::-ms-thumb:active {
+  background-color: #f5b0c9;
+}
+
+.custom-range.custom-range-blue:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-blue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-blue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-blue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.custom-range.custom-range-blue::-webkit-slider-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-blue::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-blue::-moz-range-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-blue::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-blue::-ms-thumb {
+  background-color: #007bff;
+}
+
+.custom-range.custom-range-blue::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range.custom-range-indigo:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-range.custom-range-indigo:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-range.custom-range-indigo:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.custom-range.custom-range-indigo::-webkit-slider-thumb {
+  background-color: #6610f2;
+}
+
+.custom-range.custom-range-indigo::-webkit-slider-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.custom-range.custom-range-indigo::-moz-range-thumb {
+  background-color: #6610f2;
+}
+
+.custom-range.custom-range-indigo::-moz-range-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.custom-range.custom-range-indigo::-ms-thumb {
+  background-color: #6610f2;
+}
+
+.custom-range.custom-range-indigo::-ms-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.custom-range.custom-range-purple:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-purple:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-range.custom-range-purple:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-range.custom-range-purple:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.custom-range.custom-range-purple::-webkit-slider-thumb {
+  background-color: #6f42c1;
+}
+
+.custom-range.custom-range-purple::-webkit-slider-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.custom-range.custom-range-purple::-moz-range-thumb {
+  background-color: #6f42c1;
+}
+
+.custom-range.custom-range-purple::-moz-range-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.custom-range.custom-range-purple::-ms-thumb {
+  background-color: #6f42c1;
+}
+
+.custom-range.custom-range-purple::-ms-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.custom-range.custom-range-pink:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-pink:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-range.custom-range-pink:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-range.custom-range-pink:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.custom-range.custom-range-pink::-webkit-slider-thumb {
+  background-color: #e83e8c;
+}
+
+.custom-range.custom-range-pink::-webkit-slider-thumb:active {
+  background-color: #fbddeb;
+}
+
+.custom-range.custom-range-pink::-moz-range-thumb {
+  background-color: #e83e8c;
+}
+
+.custom-range.custom-range-pink::-moz-range-thumb:active {
+  background-color: #fbddeb;
+}
+
+.custom-range.custom-range-pink::-ms-thumb {
+  background-color: #e83e8c;
+}
+
+.custom-range.custom-range-pink::-ms-thumb:active {
+  background-color: #fbddeb;
+}
+
+.custom-range.custom-range-red:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-red:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-red:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-red:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
+}
+
+.custom-range.custom-range-red::-webkit-slider-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-red::-webkit-slider-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-red::-moz-range-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-red::-moz-range-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-red::-ms-thumb {
+  background-color: #dc3545;
+}
+
+.custom-range.custom-range-red::-ms-thumb:active {
+  background-color: #f6cdd1;
+}
+
+.custom-range.custom-range-orange:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-orange:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-range.custom-range-orange:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-range.custom-range-orange:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.custom-range.custom-range-orange::-webkit-slider-thumb {
+  background-color: #fd7e14;
+}
+
+.custom-range.custom-range-orange::-webkit-slider-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.custom-range.custom-range-orange::-moz-range-thumb {
+  background-color: #fd7e14;
+}
+
+.custom-range.custom-range-orange::-moz-range-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.custom-range.custom-range-orange::-ms-thumb {
+  background-color: #fd7e14;
+}
+
+.custom-range.custom-range-orange::-ms-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.custom-range.custom-range-yellow:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-yellow:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-yellow:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
+}
+
+.custom-range.custom-range-yellow::-webkit-slider-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-yellow::-webkit-slider-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-yellow::-moz-range-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-yellow::-moz-range-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-yellow::-ms-thumb {
+  background-color: #ffc107;
+}
+
+.custom-range.custom-range-yellow::-ms-thumb:active {
+  background-color: #ffeeba;
+}
+
+.custom-range.custom-range-green:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-green:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-green:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-green:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
+}
+
+.custom-range.custom-range-green::-webkit-slider-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-green::-webkit-slider-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-green::-moz-range-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-green::-moz-range-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-green::-ms-thumb {
+  background-color: #28a745;
+}
+
+.custom-range.custom-range-green::-ms-thumb:active {
+  background-color: #9be7ac;
+}
+
+.custom-range.custom-range-teal:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-teal:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-range.custom-range-teal:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-range.custom-range-teal:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.custom-range.custom-range-teal::-webkit-slider-thumb {
+  background-color: #20c997;
+}
+
+.custom-range.custom-range-teal::-webkit-slider-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.custom-range.custom-range-teal::-moz-range-thumb {
+  background-color: #20c997;
+}
+
+.custom-range.custom-range-teal::-moz-range-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.custom-range.custom-range-teal::-ms-thumb {
+  background-color: #20c997;
+}
+
+.custom-range.custom-range-teal::-ms-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.custom-range.custom-range-cyan:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-cyan:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-cyan:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
+}
+
+.custom-range.custom-range-cyan::-webkit-slider-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-cyan::-webkit-slider-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-cyan::-moz-range-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-cyan::-moz-range-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-cyan::-ms-thumb {
+  background-color: #17a2b8;
+}
+
+.custom-range.custom-range-cyan::-ms-thumb:active {
+  background-color: #90e4f1;
+}
+
+.custom-range.custom-range-white:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-white:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-range.custom-range-white:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-range.custom-range-white:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.custom-range.custom-range-white::-webkit-slider-thumb {
   background-color: #fff;
 }
-/* button groups */
-.btn-group-vertical .btn.btn-flat:first-of-type,
-.btn-group-vertical .btn.btn-flat:last-of-type {
-  border-radius: 0;
+
+.custom-range.custom-range-white::-webkit-slider-thumb:active {
+  background-color: white;
 }
-.icheck > label {
-  padding-left: 0;
+
+.custom-range.custom-range-white::-moz-range-thumb {
+  background-color: #fff;
 }
-/* support Font Awesome icons in form-control */
-.form-control-feedback.fa {
-  line-height: 34px;
+
+.custom-range.custom-range-white::-moz-range-thumb:active {
+  background-color: white;
 }
-.input-lg + .form-control-feedback.fa,
-.input-group-lg + .form-control-feedback.fa,
-.form-group-lg .form-control + .form-control-feedback.fa {
-  line-height: 46px;
+
+.custom-range.custom-range-white::-ms-thumb {
+  background-color: #fff;
 }
-.input-sm + .form-control-feedback.fa,
-.input-group-sm + .form-control-feedback.fa,
-.form-group-sm .form-control + .form-control-feedback.fa {
-  line-height: 30px;
+
+.custom-range.custom-range-white::-ms-thumb:active {
+  background-color: white;
 }
-/*
- * Component: Progress Bar
- * -----------------------
- */
-.progress,
-.progress > .progress-bar {
+
+.custom-range.custom-range-gray:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-gray:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-gray:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-gray:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.custom-range.custom-range-gray::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-gray::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-gray::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-gray::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-gray::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.custom-range.custom-range-gray::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.custom-range.custom-range-gray-dark:focus {
+  outline: none;
+}
+
+.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-gray-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.custom-range.custom-range-gray-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-gray-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-gray-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-range.custom-range-gray-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.custom-range.custom-range-gray-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.custom-control-input-primary:checked ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+}
+
+.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-primary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+}
+
+.custom-control-input-secondary:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-secondary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.custom-control-input-success:checked ~ .custom-control-label::before {
+  border-color: #28a745;
+  background-color: #28a745;
+}
+
+.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-success:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #71dd8a;
+}
+
+.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #9be7ac;
+  border-color: #9be7ac;
+}
+
+.custom-control-input-info:checked ~ .custom-control-label::before {
+  border-color: #17a2b8;
+  background-color: #17a2b8;
+}
+
+.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-info:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
+}
+
+.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #63d9ec;
+}
+
+.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #90e4f1;
+  border-color: #90e4f1;
+}
+
+.custom-control-input-warning:checked ~ .custom-control-label::before {
+  border-color: #ffc107;
+  background-color: #ffc107;
+}
+
+.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-warning:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #ffe187;
+}
+
+.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffeeba;
+  border-color: #ffeeba;
+}
+
+.custom-control-input-danger:checked ~ .custom-control-label::before {
+  border-color: #dc3545;
+  background-color: #dc3545;
+}
+
+.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-danger:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #efa2a9;
+}
+
+.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f6cdd1;
+  border-color: #f6cdd1;
+}
+
+.custom-control-input-light:checked ~ .custom-control-label::before {
+  border-color: #f8f9fa;
+  background-color: #f8f9fa;
+}
+
+.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-light:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
+}
+
+.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.custom-control-input-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.custom-control-input-lightblue:checked ~ .custom-control-label::before {
+  border-color: #3c8dbc;
+  background-color: #3c8dbc;
+}
+
+.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lightblue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25);
+}
+
+.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #99c5de;
+}
+
+.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #c0dbeb;
+  border-color: #c0dbeb;
+}
+
+.custom-control-input-navy:checked ~ .custom-control-label::before {
+  border-color: #001f3f;
+  background-color: #001f3f;
+}
+
+.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-navy:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25);
+}
+
+.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #005ebf;
+}
+
+.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #0077f2;
+  border-color: #0077f2;
+}
+
+.custom-control-input-olive:checked ~ .custom-control-label::before {
+  border-color: #3d9970;
+  background-color: #3d9970;
+}
+
+.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-olive:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25);
+}
+
+.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #87cfaf;
+}
+
+.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #abdec7;
+  border-color: #abdec7;
+}
+
+.custom-control-input-lime:checked ~ .custom-control-label::before {
+  border-color: #01ff70;
+  background-color: #01ff70;
+}
+
+.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-lime:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25);
+}
+
+.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #81ffb8;
+}
+
+.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #b4ffd4;
+  border-color: #b4ffd4;
+}
+
+.custom-control-input-fuchsia:checked ~ .custom-control-label::before {
+  border-color: #f012be;
+  background-color: #f012be;
+}
+
+.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-fuchsia:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25);
+}
+
+.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f88adf;
+}
+
+.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbbaec;
+  border-color: #fbbaec;
+}
+
+.custom-control-input-maroon:checked ~ .custom-control-label::before {
+  border-color: #d81b60;
+  background-color: #d81b60;
+}
+
+.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-maroon:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25);
+}
+
+.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f083ab;
+}
+
+.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f5b0c9;
+  border-color: #f5b0c9;
+}
+
+.custom-control-input-blue:checked ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+}
+
+.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-blue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+}
+
+.custom-control-input-indigo:checked ~ .custom-control-label::before {
+  border-color: #6610f2;
+  background-color: #6610f2;
+}
+
+.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-indigo:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
+}
+
+.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b389f9;
+}
+
+.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d2b9fb;
+  border-color: #d2b9fb;
+}
+
+.custom-control-input-purple:checked ~ .custom-control-label::before {
+  border-color: #6f42c1;
+  background-color: #6f42c1;
+}
+
+.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-purple:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
+}
+
+.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b8a2e0;
+}
+
+.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d5c8ed;
+  border-color: #d5c8ed;
+}
+
+.custom-control-input-pink:checked ~ .custom-control-label::before {
+  border-color: #e83e8c;
+  background-color: #e83e8c;
+}
+
+.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-pink:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
+}
+
+.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f6b0d0;
+}
+
+.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbddeb;
+  border-color: #fbddeb;
+}
+
+.custom-control-input-red:checked ~ .custom-control-label::before {
+  border-color: #dc3545;
+  background-color: #dc3545;
+}
+
+.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-red:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #efa2a9;
+}
+
+.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f6cdd1;
+  border-color: #f6cdd1;
+}
+
+.custom-control-input-orange:checked ~ .custom-control-label::before {
+  border-color: #fd7e14;
+  background-color: #fd7e14;
+}
+
+.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-orange:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
+}
+
+.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #fec392;
+}
+
+.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffdfc5;
+  border-color: #ffdfc5;
+}
+
+.custom-control-input-yellow:checked ~ .custom-control-label::before {
+  border-color: #ffc107;
+  background-color: #ffc107;
+}
+
+.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-yellow:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #ffe187;
+}
+
+.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffeeba;
+  border-color: #ffeeba;
+}
+
+.custom-control-input-green:checked ~ .custom-control-label::before {
+  border-color: #28a745;
+  background-color: #28a745;
+}
+
+.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-green:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #71dd8a;
+}
+
+.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #9be7ac;
+  border-color: #9be7ac;
+}
+
+.custom-control-input-teal:checked ~ .custom-control-label::before {
+  border-color: #20c997;
+  background-color: #20c997;
+}
+
+.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-teal:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
+}
+
+.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #7eeaca;
+}
+
+.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #aaf1dc;
+  border-color: #aaf1dc;
+}
+
+.custom-control-input-cyan:checked ~ .custom-control-label::before {
+  border-color: #17a2b8;
+  background-color: #17a2b8;
+}
+
+.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-cyan:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
+}
+
+.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #63d9ec;
+}
+
+.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #90e4f1;
+  border-color: #90e4f1;
+}
+
+.custom-control-input-white:checked ~ .custom-control-label::before {
+  border-color: #fff;
+  background-color: #fff;
+}
+
+.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-white:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.custom-control-input-gray:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.custom-control-input-gray-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.custom-control-input-gray-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.custom-control-input-outline ~ .custom-control-label::before {
+  background-color: transparent !important;
   box-shadow: none;
 }
-.progress,
-.progress > .progress-bar,
-.progress .progress-bar,
-.progress > .progress-bar .progress-bar {
+
+.custom-control-input-outline:checked ~ .custom-control-label::before {
+  background-color: transparent;
+}
+
+.navbar-dark .btn-navbar,
+.navbar-dark .form-control-navbar {
+  background-color: #3f474e;
+  border: 1px solid #56606a;
+  color: white;
+}
+
+.navbar-dark .btn-navbar:hover {
+  background-color: #454d55;
+}
+
+.navbar-dark .btn-navbar:focus {
+  background-color: #4b545c;
+}
+
+.navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar,
+.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
+  background-color: #3f474e;
+  color: #fff;
+  border: 1px solid #56606a;
+  border-left: none;
+}
+
+.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
+.dark-mode .custom-select,
+.dark-mode .custom-file-label,
+.dark-mode .custom-file-label::after,
+.dark-mode .custom-control-label::before,
+.dark-mode .input-group-text {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
+.dark-mode .custom-file-label,
+.dark-mode .custom-file-label::after {
+  border-color: #6c757d;
+}
+
+.dark-mode select {
+  background-color: #343a40;
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.dark-mode .custom-select {
+  background: #343a40 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+}
+
+.dark-mode .custom-select[multiple] {
+  background: #343a40;
+}
+
+.dark-mode .input-group-text {
+  border-color: #6c757d;
+}
+
+.dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
+.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
+  background-color: #3f474e;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode input:-webkit-autofill,
+.dark-mode input:-webkit-autofill:hover,
+.dark-mode input:-webkit-autofill:focus,
+.dark-mode textarea:-webkit-autofill,
+.dark-mode textarea:-webkit-autofill:hover,
+.dark-mode textarea:-webkit-autofill:focus,
+.dark-mode select:-webkit-autofill,
+.dark-mode select:-webkit-autofill:hover,
+.dark-mode select:-webkit-autofill:focus {
+  -webkit-text-fill-color: #fff;
+}
+
+.dark-mode .custom-range::-webkit-slider-runnable-track {
+  background-color: #454d55;
+}
+
+.dark-mode .custom-range::-moz-range-track {
+  background-color: #454d55;
+}
+
+.dark-mode .custom-range::-ms-track {
+  background-color: #454d55;
+}
+
+.dark-mode .custom-range.custom-range-primary:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-primary::-moz-range-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-primary::-ms-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-primary::-ms-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-success:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-success:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-success::-moz-range-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-success::-ms-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-success::-ms-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-info:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-info:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-info::-moz-range-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-info::-ms-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-info::-ms-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-warning:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-warning::-moz-range-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-warning::-ms-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-warning::-ms-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-danger:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-danger::-moz-range-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-danger::-ms-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-danger::-ms-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-light:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-light:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-light::-moz-range-thumb {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-light::-ms-thumb {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-range.custom-range-light::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-dark:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb {
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb {
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-ms-thumb {
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-navy:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb {
+  background-color: #002c59;
+}
+
+.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active {
+  background-color: #0c84ff;
+}
+
+.dark-mode .custom-range.custom-range-navy::-moz-range-thumb {
+  background-color: #002c59;
+}
+
+.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active {
+  background-color: #0c84ff;
+}
+
+.dark-mode .custom-range.custom-range-navy::-ms-thumb {
+  background-color: #002c59;
+}
+
+.dark-mode .custom-range.custom-range-navy::-ms-thumb:active {
+  background-color: #0c84ff;
+}
+
+.dark-mode .custom-range.custom-range-olive:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb {
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active {
+  background-color: #f4fbf8;
+}
+
+.dark-mode .custom-range.custom-range-olive::-moz-range-thumb {
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active {
+  background-color: #f4fbf8;
+}
+
+.dark-mode .custom-range.custom-range-olive::-ms-thumb {
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-range.custom-range-olive::-ms-thumb:active {
+  background-color: #f4fbf8;
+}
+
+.dark-mode .custom-range.custom-range-lime:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb {
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lime::-moz-range-thumb {
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-lime::-ms-thumb {
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-range.custom-range-lime::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb {
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb {
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-ms-thumb {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-blue:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-blue::-moz-range-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-blue::-ms-thumb {
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-range.custom-range-blue::-ms-thumb:active {
+  background-color: #a9c1da;
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb {
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb {
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-ms-thumb {
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active {
+  background-color: #d2b9fb;
+}
+
+.dark-mode .custom-range.custom-range-purple:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb {
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.dark-mode .custom-range.custom-range-purple::-moz-range-thumb {
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.dark-mode .custom-range.custom-range-purple::-ms-thumb {
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-range.custom-range-purple::-ms-thumb:active {
+  background-color: #d5c8ed;
+}
+
+.dark-mode .custom-range.custom-range-pink:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb {
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active {
+  background-color: #fbddeb;
+}
+
+.dark-mode .custom-range.custom-range-pink::-moz-range-thumb {
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active {
+  background-color: #fbddeb;
+}
+
+.dark-mode .custom-range.custom-range-pink::-ms-thumb {
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-range.custom-range-pink::-ms-thumb:active {
+  background-color: #fbddeb;
+}
+
+.dark-mode .custom-range.custom-range-red:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-red:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-red::-moz-range-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-red::-ms-thumb {
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-range.custom-range-red::-ms-thumb:active {
+  background-color: #fbdedb;
+}
+
+.dark-mode .custom-range.custom-range-orange:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb {
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.dark-mode .custom-range.custom-range-orange::-moz-range-thumb {
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.dark-mode .custom-range.custom-range-orange::-ms-thumb {
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-range.custom-range-orange::-ms-thumb:active {
+  background-color: #ffdfc5;
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-ms-thumb {
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active {
+  background-color: #fce3bc;
+}
+
+.dark-mode .custom-range.custom-range-green:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-green:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-green::-moz-range-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-green::-ms-thumb {
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-range.custom-range-green::-ms-thumb:active {
+  background-color: #70ffda;
+}
+
+.dark-mode .custom-range.custom-range-teal:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb {
+  background-color: #20c997;
+}
+
+.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.dark-mode .custom-range.custom-range-teal::-moz-range-thumb {
+  background-color: #20c997;
+}
+
+.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.dark-mode .custom-range.custom-range-teal::-ms-thumb {
+  background-color: #20c997;
+}
+
+.dark-mode .custom-range.custom-range-teal::-ms-thumb:active {
+  background-color: #aaf1dc;
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-ms-thumb {
+  background-color: #3498db;
+}
+
+.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active {
+  background-color: #cce5f6;
+}
+
+.dark-mode .custom-range.custom-range-white:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-white:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb {
+  background-color: #fff;
+}
+
+.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-white::-moz-range-thumb {
+  background-color: #fff;
+}
+
+.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-white::-ms-thumb {
+  background-color: #fff;
+}
+
+.dark-mode .custom-range.custom-range-white::-ms-thumb:active {
+  background-color: white;
+}
+
+.dark-mode .custom-range.custom-range-gray:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-gray::-moz-range-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-gray::-ms-thumb {
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-range.custom-range-gray::-ms-thumb:active {
+  background-color: #caced1;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus {
+  outline: none;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb {
+  background-color: #343a40;
+}
+
+.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active {
+  background-color: #88939e;
+}
+
+.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
+  background-color: #182838;
+}
+
+.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #97b4d2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
+  background-color: #003d2d;
+}
+
+.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #56ffd4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
+  background-color: #16527a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #b6daf2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
+  background-color: #7f5006;
+}
+
+.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fad9a4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
+  background-color: #921e12;
+}
+
+.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c9c4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
+  background-color: #aeb9c5;
+}
+
+.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
+  background-color: #86bad8;
+  border-color: #3c8dbc;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
+  background-color: #367fa9;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #86bad8;
+  border-color: #3c8dbc;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fafcfd;
+}
+
+.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
+  background-color: #002c59;
+  border-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #002c59;
+  border-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #0077f2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
+  background-color: #74c8a3;
+  border-color: #3d9970;
+}
+
+.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
+  background-color: #368763;
+}
+
+.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #74c8a3;
+  border-color: #3d9970;
+}
+
+.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #e2f3eb;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
+  background-color: #67ffa9;
+  border-color: #01ff70;
+}
+
+.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
+  background-color: #00e765;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #67ffa9;
+  border-color: #01ff70;
+}
+
+.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
+  background-color: #f672d8;
+  border-color: #f012be;
+}
+
+.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
+  background-color: #db0ead;
+}
+
+.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f672d8;
+  border-color: #f012be;
+}
+
+.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
+  background-color: #ed6c9b;
+  border-color: #d81b60;
+}
+
+.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
+  background-color: #c11856;
+}
+
+.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ed6c9b;
+  border-color: #d81b60;
+}
+
+.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fef4f8;
+}
+
+.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
+  background-color: #182838;
+}
+
+.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #97b4d2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
+  background-color: #33077c;
+}
+
+.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c3a1fa;
+}
+
+.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
+  background-color: #382063;
+}
+
+.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #c7b5e7;
+}
+
+.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
+  background-color: #95124e;
+}
+
+.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c7dd;
+}
+
+.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
+  background-color: #921e12;
+}
+
+.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #f8c9c4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
+  background-color: #904201;
+}
+
+.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fed1ac;
+}
+
+.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
+  background-color: #7f5006;
+}
+
+.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fad9a4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
+  background-color: #003d2d;
+}
+
+.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #56ffd4;
+}
+
+.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
+  background-color: #0e5b44;
+}
+
+.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #94eed3;
+}
+
+.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
+  background-color: #16527a;
+}
+
+.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #b6daf2;
+}
+
+.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
+  background-color: #bfbfbf;
+}
+
+.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: white;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
+  background-color: #313539;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #bcc1c6;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
+  background-color: black;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #7a8793;
+}
+
+.dark-mode .custom-control-input-primary:checked ~ .custom-control-label::before {
+  border-color: #3f6791;
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-primary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #85a7ca;
+}
+
+.dark-mode .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #a9c1da;
+  border-color: #a9c1da;
+}
+
+.dark-mode .custom-control-input-secondary:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-secondary:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.dark-mode .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.dark-mode .custom-control-input-success:checked ~ .custom-control-label::before {
+  border-color: #00bc8c;
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-success:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #3dffcd;
+}
+
+.dark-mode .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #70ffda;
+  border-color: #70ffda;
+}
+
+.dark-mode .custom-control-input-info:checked ~ .custom-control-label::before {
+  border-color: #3498db;
+  background-color: #3498db;
+}
+
+.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-info:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #a0cfee;
+}
+
+.dark-mode .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #cce5f6;
+  border-color: #cce5f6;
+}
+
+.dark-mode .custom-control-input-warning:checked ~ .custom-control-label::before {
+  border-color: #f39c12;
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-warning:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fce3bc;
+  border-color: #fce3bc;
+}
+
+.dark-mode .custom-control-input-danger:checked ~ .custom-control-label::before {
+  border-color: #e74c3c;
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-danger:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbdedb;
+  border-color: #fbdedb;
+}
+
+.dark-mode .custom-control-input-light:checked ~ .custom-control-label::before {
+  border-color: #f8f9fa;
+  background-color: #f8f9fa;
+}
+
+.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-light:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
+}
+
+.dark-mode .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.dark-mode .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.dark-mode .custom-control-input-lightblue:checked ~ .custom-control-label::before {
+  border-color: #86bad8;
+  background-color: #86bad8;
+}
+
+.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2386bad8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lightblue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(134, 186, 216, 0.25);
+}
+
+.dark-mode .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-navy:checked ~ .custom-control-label::before {
+  border-color: #002c59;
+  background-color: #002c59;
+}
+
+.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23002c59' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-navy:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 44, 89, 0.25);
+}
+
+.dark-mode .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #006ad8;
+}
+
+.dark-mode .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #0c84ff;
+  border-color: #0c84ff;
+}
+
+.dark-mode .custom-control-input-olive:checked ~ .custom-control-label::before {
+  border-color: #74c8a3;
+  background-color: #74c8a3;
+}
+
+.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2374c8a3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-olive:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(116, 200, 163, 0.25);
+}
+
+.dark-mode .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #cfecdf;
+}
+
+.dark-mode .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #f4fbf8;
+  border-color: #f4fbf8;
+}
+
+.dark-mode .custom-control-input-lime:checked ~ .custom-control-label::before {
+  border-color: #67ffa9;
+  background-color: #67ffa9;
+}
+
+.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2367ffa9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-lime:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(103, 255, 169, 0.25);
+}
+
+.dark-mode .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #e7fff1;
+}
+
+.dark-mode .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-fuchsia:checked ~ .custom-control-label::before {
+  border-color: #f672d8;
+  background-color: #f672d8;
+}
+
+.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f672d8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-fuchsia:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(246, 114, 216, 0.25);
+}
+
+.dark-mode .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #feeaf9;
+}
+
+.dark-mode .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-maroon:checked ~ .custom-control-label::before {
+  border-color: #ed6c9b;
+  background-color: #ed6c9b;
+}
+
+.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ed6c9b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-maroon:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(237, 108, 155, 0.25);
+}
+
+.dark-mode .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #fbdee8;
+}
+
+.dark-mode .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-blue:checked ~ .custom-control-label::before {
+  border-color: #3f6791;
+  background-color: #3f6791;
+}
+
+.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-blue:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
+}
+
+.dark-mode .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #85a7ca;
+}
+
+.dark-mode .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #a9c1da;
+  border-color: #a9c1da;
+}
+
+.dark-mode .custom-control-input-indigo:checked ~ .custom-control-label::before {
+  border-color: #6610f2;
+  background-color: #6610f2;
+}
+
+.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-indigo:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
+}
+
+.dark-mode .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b389f9;
+}
+
+.dark-mode .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d2b9fb;
+  border-color: #d2b9fb;
+}
+
+.dark-mode .custom-control-input-purple:checked ~ .custom-control-label::before {
+  border-color: #6f42c1;
+  background-color: #6f42c1;
+}
+
+.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-purple:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
+}
+
+.dark-mode .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #d5c8ed;
+  border-color: #d5c8ed;
+}
+
+.dark-mode .custom-control-input-pink:checked ~ .custom-control-label::before {
+  border-color: #e83e8c;
+  background-color: #e83e8c;
+}
+
+.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-pink:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
+}
+
+.dark-mode .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbddeb;
+  border-color: #fbddeb;
+}
+
+.dark-mode .custom-control-input-red:checked ~ .custom-control-label::before {
+  border-color: #e74c3c;
+  background-color: #e74c3c;
+}
+
+.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-red:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
+}
+
+.dark-mode .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fbdedb;
+  border-color: #fbdedb;
+}
+
+.dark-mode .custom-control-input-orange:checked ~ .custom-control-label::before {
+  border-color: #fd7e14;
+  background-color: #fd7e14;
+}
+
+.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-orange:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
+}
+
+.dark-mode .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #fec392;
+}
+
+.dark-mode .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #ffdfc5;
+  border-color: #ffdfc5;
+}
+
+.dark-mode .custom-control-input-yellow:checked ~ .custom-control-label::before {
+  border-color: #f39c12;
+  background-color: #f39c12;
+}
+
+.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-yellow:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
+}
+
+.dark-mode .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #fce3bc;
+  border-color: #fce3bc;
+}
+
+.dark-mode .custom-control-input-green:checked ~ .custom-control-label::before {
+  border-color: #00bc8c;
+  background-color: #00bc8c;
+}
+
+.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-green:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
+}
+
+.dark-mode .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #3dffcd;
+}
+
+.dark-mode .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #70ffda;
+  border-color: #70ffda;
+}
+
+.dark-mode .custom-control-input-teal:checked ~ .custom-control-label::before {
+  border-color: #20c997;
+  background-color: #20c997;
+}
+
+.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-teal:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
+}
+
+.dark-mode .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #7eeaca;
+}
+
+.dark-mode .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #aaf1dc;
+  border-color: #aaf1dc;
+}
+
+.dark-mode .custom-control-input-cyan:checked ~ .custom-control-label::before {
+  border-color: #3498db;
+  background-color: #3498db;
+}
+
+.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-cyan:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
+}
+
+.dark-mode .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #a0cfee;
+}
+
+.dark-mode .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #cce5f6;
+  border-color: #cce5f6;
+}
+
+.dark-mode .custom-control-input-white:checked ~ .custom-control-label::before {
+  border-color: #fff;
+  background-color: #fff;
+}
+
+.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-white:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.dark-mode .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
+  background-color: white;
+  border-color: white;
+}
+
+.dark-mode .custom-control-input-gray:checked ~ .custom-control-label::before {
+  border-color: #6c757d;
+  background-color: #6c757d;
+}
+
+.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
+}
+
+.dark-mode .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #afb5ba;
+}
+
+.dark-mode .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #caced1;
+  border-color: #caced1;
+}
+
+.dark-mode .custom-control-input-gray-dark:checked ~ .custom-control-label::before {
+  border-color: #343a40;
+  background-color: #343a40;
+}
+
+.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
+}
+
+.dark-mode .custom-control-input-gray-dark:focus ~ .custom-control-label::before {
+  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
+}
+
+.dark-mode .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #6d7a86;
+}
+
+.dark-mode .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
+  background-color: #88939e;
+  border-color: #88939e;
+}
+
+.progress {
+  box-shadow: none;
   border-radius: 1px;
 }
-/* size variation */
-.progress.sm,
+
+.progress.vertical {
+  display: inline-block;
+  height: 200px;
+  margin-right: 10px;
+  position: relative;
+  width: 30px;
+}
+
+.progress.vertical > .progress-bar {
+  bottom: 0;
+  position: absolute;
+  width: 100%;
+}
+
+.progress.vertical.sm, .progress.vertical.progress-sm {
+  width: 20px;
+}
+
+.progress.vertical.xs, .progress.vertical.progress-xs {
+  width: 10px;
+}
+
+.progress.vertical.xxs, .progress.vertical.progress-xxs {
+  width: 3px;
+}
+
+.progress-group {
+  margin-bottom: 0.5rem;
+}
+
 .progress-sm {
   height: 10px;
 }
-.progress.sm,
-.progress-sm,
-.progress.sm .progress-bar,
-.progress-sm .progress-bar {
-  border-radius: 1px;
-}
-.progress.xs,
+
 .progress-xs {
   height: 7px;
 }
-.progress.xs,
-.progress-xs,
-.progress.xs .progress-bar,
-.progress-xs .progress-bar {
-  border-radius: 1px;
-}
-.progress.xxs,
+
 .progress-xxs {
   height: 3px;
 }
-.progress.xxs,
-.progress-xxs,
-.progress.xxs .progress-bar,
-.progress-xxs .progress-bar {
-  border-radius: 1px;
-}
-/* Vertical bars */
-.progress.vertical {
-  position: relative;
-  width: 30px;
-  height: 200px;
-  display: inline-block;
-  margin-right: 10px;
-}
-.progress.vertical > .progress-bar {
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-}
-.progress.vertical.sm,
-.progress.vertical.progress-sm {
-  width: 20px;
-}
-.progress.vertical.xs,
-.progress.vertical.progress-xs {
-  width: 10px;
-}
-.progress.vertical.xxs,
-.progress.vertical.progress-xxs {
-  width: 3px;
-}
-.progress-group .progress-text {
-  font-weight: 600;
-}
-.progress-group .progress-number {
-  float: right;
-}
-/* Remove margins from progress bars when put in a table */
+
 .table tr > td .progress {
   margin: 0;
 }
-.progress-bar-light-blue,
-.progress-bar-primary {
+
+.dark-mode .progress {
+  background: #454d55;
+}
+
+.card-primary:not(.card-outline) > .card-header {
+  background-color: #007bff;
+}
+
+.card-primary:not(.card-outline) > .card-header,
+.card-primary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-primary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-primary.card-outline {
+  border-top: 3px solid #007bff;
+}
+
+.card-primary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-primary.card-outline-tabs > .card-header a.active,
+.card-primary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #007bff;
+}
+
+.bg-primary > .card-header .btn-tool,
+.bg-gradient-primary > .card-header .btn-tool,
+.card-primary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-primary > .card-header .btn-tool:hover,
+.bg-gradient-primary > .card-header .btn-tool:hover,
+.card-primary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget .table td,
+.card.bg-primary .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #0067d6;
+  color: #fff;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3395ff;
+  color: #fff;
+}
+
+.card-secondary:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.card-secondary:not(.card-outline) > .card-header,
+.card-secondary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-secondary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-secondary.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.card-secondary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-secondary.card-outline-tabs > .card-header a.active,
+.card-secondary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.bg-secondary > .card-header .btn-tool,
+.bg-gradient-secondary > .card-header .btn-tool,
+.card-secondary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-secondary > .card-header .btn-tool:hover,
+.bg-gradient-secondary > .card-header .btn-tool:hover,
+.card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
+.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.card-success:not(.card-outline) > .card-header {
+  background-color: #28a745;
+}
+
+.card-success:not(.card-outline) > .card-header,
+.card-success:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-success:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-success.card-outline {
+  border-top: 3px solid #28a745;
+}
+
+.card-success.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-success.card-outline-tabs > .card-header a.active,
+.card-success.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #28a745;
+}
+
+.bg-success > .card-header .btn-tool,
+.bg-gradient-success > .card-header .btn-tool,
+.card-success:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-success > .card-header .btn-tool:hover,
+.bg-gradient-success > .card-header .btn-tool:hover,
+.card-success:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget .table td,
+.card.bg-success .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #208637;
+  color: #fff;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-success .bootstrap-datetimepicker-widget table td.active,
+.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #34ce57;
+  color: #fff;
+}
+
+.card-info:not(.card-outline) > .card-header {
+  background-color: #17a2b8;
+}
+
+.card-info:not(.card-outline) > .card-header,
+.card-info:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-info:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-info.card-outline {
+  border-top: 3px solid #17a2b8;
+}
+
+.card-info.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-info.card-outline-tabs > .card-header a.active,
+.card-info.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #17a2b8;
+}
+
+.bg-info > .card-header .btn-tool,
+.bg-gradient-info > .card-header .btn-tool,
+.card-info:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-info > .card-header .btn-tool:hover,
+.bg-gradient-info > .card-header .btn-tool:hover,
+.card-info:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget .table td,
+.card.bg-info .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #128294;
+  color: #fff;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-info .bootstrap-datetimepicker-widget table td.active,
+.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #1fc8e3;
+  color: #fff;
+}
+
+.card-warning:not(.card-outline) > .card-header {
+  background-color: #ffc107;
+}
+
+.card-warning:not(.card-outline) > .card-header,
+.card-warning:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-warning:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-warning.card-outline {
+  border-top: 3px solid #ffc107;
+}
+
+.card-warning.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-warning.card-outline-tabs > .card-header a.active,
+.card-warning.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #ffc107;
+}
+
+.bg-warning > .card-header .btn-tool,
+.bg-gradient-warning > .card-header .btn-tool,
+.card-warning:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-warning > .card-header .btn-tool:hover,
+.bg-gradient-warning > .card-header .btn-tool:hover,
+.card-warning:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget .table td,
+.card.bg-warning .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #dda600;
+  color: #1f2d3d;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
+.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ffce3a;
+  color: #1f2d3d;
+}
+
+.card-danger:not(.card-outline) > .card-header {
+  background-color: #dc3545;
+}
+
+.card-danger:not(.card-outline) > .card-header,
+.card-danger:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-danger:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-danger.card-outline {
+  border-top: 3px solid #dc3545;
+}
+
+.card-danger.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-danger.card-outline-tabs > .card-header a.active,
+.card-danger.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #dc3545;
+}
+
+.bg-danger > .card-header .btn-tool,
+.bg-gradient-danger > .card-header .btn-tool,
+.card-danger:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-danger > .card-header .btn-tool:hover,
+.bg-gradient-danger > .card-header .btn-tool:hover,
+.card-danger:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget .table td,
+.card.bg-danger .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #c62232;
+  color: #fff;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
+.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #e4606d;
+  color: #fff;
+}
+
+.card-light:not(.card-outline) > .card-header {
+  background-color: #f8f9fa;
+}
+
+.card-light:not(.card-outline) > .card-header,
+.card-light:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-light:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-light.card-outline {
+  border-top: 3px solid #f8f9fa;
+}
+
+.card-light.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-light.card-outline-tabs > .card-header a.active,
+.card-light.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f8f9fa;
+}
+
+.bg-light > .card-header .btn-tool,
+.bg-gradient-light > .card-header .btn-tool,
+.card-light:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-light > .card-header .btn-tool:hover,
+.bg-gradient-light > .card-header .btn-tool:hover,
+.card-light:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget .table td,
+.card.bg-light .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e0e5e9;
+  color: #1f2d3d;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-light .bootstrap-datetimepicker-widget table td.active,
+.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.card-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.card-dark:not(.card-outline) > .card-header,
+.card-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.card-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-dark.card-outline-tabs > .card-header a.active,
+.card-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.bg-dark > .card-header .btn-tool,
+.bg-gradient-dark > .card-header .btn-tool,
+.card-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-dark > .card-header .btn-tool:hover,
+.bg-gradient-dark > .card-header .btn-tool:hover,
+.card-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-dark .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.card-lightblue:not(.card-outline) > .card-header {
   background-color: #3c8dbc;
 }
-.progress-striped .progress-bar-light-blue,
-.progress-striped .progress-bar-primary {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.card-lightblue:not(.card-outline) > .card-header,
+.card-lightblue:not(.card-outline) > .card-header a {
+  color: #fff;
 }
-.progress-bar-green,
-.progress-bar-success {
-  background-color: #00a65a;
+
+.card-lightblue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
 }
-.progress-striped .progress-bar-green,
-.progress-striped .progress-bar-success {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.card-lightblue.card-outline {
+  border-top: 3px solid #3c8dbc;
 }
-.progress-bar-aqua,
-.progress-bar-info {
-  background-color: #00c0ef;
+
+.card-lightblue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
 }
-.progress-striped .progress-bar-aqua,
-.progress-striped .progress-bar-info {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.card-lightblue.card-outline-tabs > .card-header a.active,
+.card-lightblue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3c8dbc;
 }
-.progress-bar-yellow,
-.progress-bar-warning {
+
+.bg-lightblue > .card-header .btn-tool,
+.bg-gradient-lightblue > .card-header .btn-tool,
+.card-lightblue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-lightblue > .card-header .btn-tool:hover,
+.bg-gradient-lightblue > .card-header .btn-tool:hover,
+.card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
+.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #32769d;
+  color: #fff;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5fa4cc;
+  color: #fff;
+}
+
+.card-navy:not(.card-outline) > .card-header {
+  background-color: #001f3f;
+}
+
+.card-navy:not(.card-outline) > .card-header,
+.card-navy:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-navy:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-navy.card-outline {
+  border-top: 3px solid #001f3f;
+}
+
+.card-navy.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-navy.card-outline-tabs > .card-header a.active,
+.card-navy.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #001f3f;
+}
+
+.bg-navy > .card-header .btn-tool,
+.bg-gradient-navy > .card-header .btn-tool,
+.card-navy:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-navy > .card-header .btn-tool:hover,
+.bg-gradient-navy > .card-header .btn-tool:hover,
+.card-navy:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget .table td,
+.card.bg-navy .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #000b16;
+  color: #fff;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
+.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #003872;
+  color: #fff;
+}
+
+.card-olive:not(.card-outline) > .card-header {
+  background-color: #3d9970;
+}
+
+.card-olive:not(.card-outline) > .card-header,
+.card-olive:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-olive:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-olive.card-outline {
+  border-top: 3px solid #3d9970;
+}
+
+.card-olive.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-olive.card-outline-tabs > .card-header a.active,
+.card-olive.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3d9970;
+}
+
+.bg-olive > .card-header .btn-tool,
+.bg-gradient-olive > .card-header .btn-tool,
+.card-olive:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-olive > .card-header .btn-tool:hover,
+.bg-gradient-olive > .card-header .btn-tool:hover,
+.card-olive:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget .table td,
+.card.bg-olive .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #317c5b;
+  color: #fff;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
+.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #50b98a;
+  color: #fff;
+}
+
+.card-lime:not(.card-outline) > .card-header {
+  background-color: #01ff70;
+}
+
+.card-lime:not(.card-outline) > .card-header,
+.card-lime:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-lime:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-lime.card-outline {
+  border-top: 3px solid #01ff70;
+}
+
+.card-lime.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-lime.card-outline-tabs > .card-header a.active,
+.card-lime.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #01ff70;
+}
+
+.bg-lime > .card-header .btn-tool,
+.bg-gradient-lime > .card-header .btn-tool,
+.card-lime:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-lime > .card-header .btn-tool:hover,
+.bg-gradient-lime > .card-header .btn-tool:hover,
+.card-lime:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget .table td,
+.card.bg-lime .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #00d75e;
+  color: #1f2d3d;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
+.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #34ff8d;
+  color: #1f2d3d;
+}
+
+.card-fuchsia:not(.card-outline) > .card-header {
+  background-color: #f012be;
+}
+
+.card-fuchsia:not(.card-outline) > .card-header,
+.card-fuchsia:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-fuchsia:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-fuchsia.card-outline {
+  border-top: 3px solid #f012be;
+}
+
+.card-fuchsia.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-fuchsia.card-outline-tabs > .card-header a.active,
+.card-fuchsia.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f012be;
+}
+
+.bg-fuchsia > .card-header .btn-tool,
+.bg-gradient-fuchsia > .card-header .btn-tool,
+.card-fuchsia:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-fuchsia > .card-header .btn-tool:hover,
+.bg-gradient-fuchsia > .card-header .btn-tool:hover,
+.card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #cc0da1;
+  color: #fff;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f342cb;
+  color: #fff;
+}
+
+.card-maroon:not(.card-outline) > .card-header {
+  background-color: #d81b60;
+}
+
+.card-maroon:not(.card-outline) > .card-header,
+.card-maroon:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-maroon:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-maroon.card-outline {
+  border-top: 3px solid #d81b60;
+}
+
+.card-maroon.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-maroon.card-outline-tabs > .card-header a.active,
+.card-maroon.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #d81b60;
+}
+
+.bg-maroon > .card-header .btn-tool,
+.bg-gradient-maroon > .card-header .btn-tool,
+.card-maroon:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-maroon > .card-header .btn-tool:hover,
+.bg-gradient-maroon > .card-header .btn-tool:hover,
+.card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
+.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #b41650;
+  color: #fff;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
+.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #e73f7c;
+  color: #fff;
+}
+
+.card-blue:not(.card-outline) > .card-header {
+  background-color: #007bff;
+}
+
+.card-blue:not(.card-outline) > .card-header,
+.card-blue:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-blue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-blue.card-outline {
+  border-top: 3px solid #007bff;
+}
+
+.card-blue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-blue.card-outline-tabs > .card-header a.active,
+.card-blue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #007bff;
+}
+
+.bg-blue > .card-header .btn-tool,
+.bg-gradient-blue > .card-header .btn-tool,
+.card-blue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-blue > .card-header .btn-tool:hover,
+.bg-gradient-blue > .card-header .btn-tool:hover,
+.card-blue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget .table td,
+.card.bg-blue .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #0067d6;
+  color: #fff;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3395ff;
+  color: #fff;
+}
+
+.card-indigo:not(.card-outline) > .card-header {
+  background-color: #6610f2;
+}
+
+.card-indigo:not(.card-outline) > .card-header,
+.card-indigo:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-indigo:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-indigo.card-outline {
+  border-top: 3px solid #6610f2;
+}
+
+.card-indigo.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-indigo.card-outline-tabs > .card-header a.active,
+.card-indigo.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6610f2;
+}
+
+.bg-indigo > .card-header .btn-tool,
+.bg-gradient-indigo > .card-header .btn-tool,
+.card-indigo:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-indigo > .card-header .btn-tool:hover,
+.bg-gradient-indigo > .card-header .btn-tool:hover,
+.card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
+.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #550bce;
+  color: #fff;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
+.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8540f5;
+  color: #fff;
+}
+
+.card-purple:not(.card-outline) > .card-header {
+  background-color: #6f42c1;
+}
+
+.card-purple:not(.card-outline) > .card-header,
+.card-purple:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-purple:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-purple.card-outline {
+  border-top: 3px solid #6f42c1;
+}
+
+.card-purple.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-purple.card-outline-tabs > .card-header a.active,
+.card-purple.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6f42c1;
+}
+
+.bg-purple > .card-header .btn-tool,
+.bg-gradient-purple > .card-header .btn-tool,
+.card-purple:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-purple > .card-header .btn-tool:hover,
+.bg-gradient-purple > .card-header .btn-tool:hover,
+.card-purple:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget .table td,
+.card.bg-purple .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #5d36a4;
+  color: #fff;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
+.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8c68ce;
+  color: #fff;
+}
+
+.card-pink:not(.card-outline) > .card-header {
+  background-color: #e83e8c;
+}
+
+.card-pink:not(.card-outline) > .card-header,
+.card-pink:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-pink:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-pink.card-outline {
+  border-top: 3px solid #e83e8c;
+}
+
+.card-pink.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-pink.card-outline-tabs > .card-header a.active,
+.card-pink.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e83e8c;
+}
+
+.bg-pink > .card-header .btn-tool,
+.bg-gradient-pink > .card-header .btn-tool,
+.card-pink:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-pink > .card-header .btn-tool:hover,
+.bg-gradient-pink > .card-header .btn-tool:hover,
+.card-pink:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget .table td,
+.card.bg-pink .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e21b76;
+  color: #fff;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
+.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed6ca7;
+  color: #fff;
+}
+
+.card-red:not(.card-outline) > .card-header {
+  background-color: #dc3545;
+}
+
+.card-red:not(.card-outline) > .card-header,
+.card-red:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-red:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-red.card-outline {
+  border-top: 3px solid #dc3545;
+}
+
+.card-red.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-red.card-outline-tabs > .card-header a.active,
+.card-red.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #dc3545;
+}
+
+.bg-red > .card-header .btn-tool,
+.bg-gradient-red > .card-header .btn-tool,
+.card-red:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-red > .card-header .btn-tool:hover,
+.bg-gradient-red > .card-header .btn-tool:hover,
+.card-red:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget .table td,
+.card.bg-red .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #c62232;
+  color: #fff;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-red .bootstrap-datetimepicker-widget table td.active,
+.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #e4606d;
+  color: #fff;
+}
+
+.card-orange:not(.card-outline) > .card-header {
+  background-color: #fd7e14;
+}
+
+.card-orange:not(.card-outline) > .card-header,
+.card-orange:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-orange:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-orange.card-outline {
+  border-top: 3px solid #fd7e14;
+}
+
+.card-orange.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-orange.card-outline-tabs > .card-header a.active,
+.card-orange.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fd7e14;
+}
+
+.bg-orange > .card-header .btn-tool,
+.bg-gradient-orange > .card-header .btn-tool,
+.card-orange:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-orange > .card-header .btn-tool:hover,
+.bg-gradient-orange > .card-header .btn-tool:hover,
+.card-orange:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget .table td,
+.card.bg-orange .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e66a02;
+  color: #1f2d3d;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
+.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #fd9a47;
+  color: #1f2d3d;
+}
+
+.card-yellow:not(.card-outline) > .card-header {
+  background-color: #ffc107;
+}
+
+.card-yellow:not(.card-outline) > .card-header,
+.card-yellow:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-yellow:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-yellow.card-outline {
+  border-top: 3px solid #ffc107;
+}
+
+.card-yellow.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-yellow.card-outline-tabs > .card-header a.active,
+.card-yellow.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #ffc107;
+}
+
+.bg-yellow > .card-header .btn-tool,
+.bg-gradient-yellow > .card-header .btn-tool,
+.card-yellow:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-yellow > .card-header .btn-tool:hover,
+.bg-gradient-yellow > .card-header .btn-tool:hover,
+.card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
+.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #dda600;
+  color: #1f2d3d;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
+.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ffce3a;
+  color: #1f2d3d;
+}
+
+.card-green:not(.card-outline) > .card-header {
+  background-color: #28a745;
+}
+
+.card-green:not(.card-outline) > .card-header,
+.card-green:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-green:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-green.card-outline {
+  border-top: 3px solid #28a745;
+}
+
+.card-green.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-green.card-outline-tabs > .card-header a.active,
+.card-green.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #28a745;
+}
+
+.bg-green > .card-header .btn-tool,
+.bg-gradient-green > .card-header .btn-tool,
+.card-green:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-green > .card-header .btn-tool:hover,
+.bg-gradient-green > .card-header .btn-tool:hover,
+.card-green:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget .table td,
+.card.bg-green .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #208637;
+  color: #fff;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-green .bootstrap-datetimepicker-widget table td.active,
+.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #34ce57;
+  color: #fff;
+}
+
+.card-teal:not(.card-outline) > .card-header {
+  background-color: #20c997;
+}
+
+.card-teal:not(.card-outline) > .card-header,
+.card-teal:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-teal:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-teal.card-outline {
+  border-top: 3px solid #20c997;
+}
+
+.card-teal.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-teal.card-outline-tabs > .card-header a.active,
+.card-teal.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #20c997;
+}
+
+.bg-teal > .card-header .btn-tool,
+.bg-gradient-teal > .card-header .btn-tool,
+.card-teal:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-teal > .card-header .btn-tool:hover,
+.bg-gradient-teal > .card-header .btn-tool:hover,
+.card-teal:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget .table td,
+.card.bg-teal .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #1aa67d;
+  color: #fff;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
+.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3ce0af;
+  color: #fff;
+}
+
+.card-cyan:not(.card-outline) > .card-header {
+  background-color: #17a2b8;
+}
+
+.card-cyan:not(.card-outline) > .card-header,
+.card-cyan:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-cyan:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-cyan.card-outline {
+  border-top: 3px solid #17a2b8;
+}
+
+.card-cyan.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-cyan.card-outline-tabs > .card-header a.active,
+.card-cyan.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #17a2b8;
+}
+
+.bg-cyan > .card-header .btn-tool,
+.bg-gradient-cyan > .card-header .btn-tool,
+.card-cyan:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-cyan > .card-header .btn-tool:hover,
+.bg-gradient-cyan > .card-header .btn-tool:hover,
+.card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
+.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #128294;
+  color: #fff;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
+.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #1fc8e3;
+  color: #fff;
+}
+
+.card-white:not(.card-outline) > .card-header {
+  background-color: #fff;
+}
+
+.card-white:not(.card-outline) > .card-header,
+.card-white:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.card-white:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-white.card-outline {
+  border-top: 3px solid #fff;
+}
+
+.card-white.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-white.card-outline-tabs > .card-header a.active,
+.card-white.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fff;
+}
+
+.bg-white > .card-header .btn-tool,
+.bg-gradient-white > .card-header .btn-tool,
+.card-white:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.bg-white > .card-header .btn-tool:hover,
+.bg-gradient-white > .card-header .btn-tool:hover,
+.card-white:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget .table td,
+.card.bg-white .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #ebebeb;
+  color: #1f2d3d;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.card.bg-white .bootstrap-datetimepicker-widget table td.active,
+.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.card-gray:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.card-gray:not(.card-outline) > .card-header,
+.card-gray:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-gray:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-gray.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.card-gray.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-gray.card-outline-tabs > .card-header a.active,
+.card-gray.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.bg-gray > .card-header .btn-tool,
+.bg-gradient-gray > .card-header .btn-tool,
+.card-gray:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-gray > .card-header .btn-tool:hover,
+.bg-gradient-gray > .card-header .btn-tool:hover,
+.card-gray:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget .table td,
+.card.bg-gray .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.card-gray-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.card-gray-dark:not(.card-outline) > .card-header,
+.card-gray-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.card-gray-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.card-gray-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.card-gray-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card-gray-dark.card-outline-tabs > .card-header a.active,
+.card-gray-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.bg-gray-dark > .card-header .btn-tool,
+.bg-gradient-gray-dark > .card-header .btn-tool,
+.card-gray-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bg-gray-dark > .card-header .btn-tool:hover,
+.bg-gradient-gray-dark > .card-header .btn-tool:hover,
+.card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.card {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  margin-bottom: 1rem;
+}
+
+.card.bg-dark .card-header {
+  border-color: #383f45;
+}
+
+.card.bg-dark,
+.card.bg-dark .card-body {
+  color: #fff;
+}
+
+.card.maximized-card {
+  height: 100% !important;
+  left: 0;
+  max-height: 100% !important;
+  max-width: 100% !important;
+  position: fixed;
+  top: 0;
+  width: 100% !important;
+  z-index: 1040;
+}
+
+.card.maximized-card.was-collapsed .card-body {
+  display: block !important;
+}
+
+.card.maximized-card .card-body {
+  overflow: auto;
+}
+
+.card.maximized-card [data-card-widgett="collapse"] {
+  display: none;
+}
+
+.card.maximized-card .card-header,
+.card.maximized-card .card-footer {
+  border-radius: 0 !important;
+}
+
+.card.collapsed-card .card-body,
+.card.collapsed-card .card-footer {
+  display: none;
+}
+
+.card .nav.flex-column:not(.nav-sidebar) > li {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  margin: 0;
+}
+
+.card .nav.flex-column:not(.nav-sidebar) > li:last-of-type {
+  border-bottom: 0;
+}
+
+.card.height-control .card-body {
+  max-height: 300px;
+  overflow: auto;
+}
+
+.card .border-right {
+  border-right: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card .border-left {
+  border-left: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card.card-tabs:not(.card-outline) > .card-header {
+  border-bottom: 0;
+}
+
+.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
+  border-left-color: transparent;
+}
+
+.card.card-tabs.card-outline .nav-item {
+  border-bottom: 0;
+}
+
+.card.card-tabs.card-outline .nav-item:first-child .nav-link {
+  border-left: 0;
+  margin-left: 0;
+}
+
+.card.card-tabs .card-tools {
+  margin: .3rem .5rem;
+}
+
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
+  border-bottom: 0;
+}
+
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
+  border-bottom: 0;
+}
+
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+  margin-bottom: 0;
+}
+
+.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
+}
+
+.card.card-outline-tabs {
+  border-top: 0;
+}
+
+.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
+  border-left: 0;
+  margin-left: 0;
+}
+
+.card.card-outline-tabs .card-header a {
+  border-top: 3px solid transparent;
+}
+
+.card.card-outline-tabs .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.card.card-outline-tabs .card-header a.active:hover {
+  margin-top: 0;
+}
+
+.card.card-outline-tabs .card-tools {
+  margin: .5rem .5rem .3rem;
+}
+
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
+  border-bottom: 0;
+}
+
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
+  border-bottom: 0;
+}
+
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+  margin-bottom: 0;
+}
+
+.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
+}
+
+html.maximized-card {
+  overflow: hidden;
+}
+
+.card-header::after,
+.card-body::after,
+.card-footer::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.card-header {
+  background-color: transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 0.75rem 1.25rem;
+  position: relative;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.collapsed-card .card-header {
+  border-bottom: 0;
+}
+
+.card-header > .card-tools {
+  float: right;
+  margin-right: -0.625rem;
+}
+
+.card-header > .card-tools .input-group,
+.card-header > .card-tools .nav,
+.card-header > .card-tools .pagination {
+  margin-bottom: -0.3rem;
+  margin-top: -0.3rem;
+}
+
+.card-header > .card-tools [data-toggle="tooltip"] {
+  position: relative;
+}
+
+.card-title {
+  float: left;
+  font-size: 1.1rem;
+  font-weight: 400;
+  margin: 0;
+}
+
+.card-text {
+  clear: both;
+}
+
+.btn-tool {
+  background-color: transparent;
+  color: #adb5bd;
+  font-size: 0.875rem;
+  margin: -0.75rem 0;
+  padding: .25rem .5rem;
+}
+
+.btn-group.show .btn-tool, .btn-tool:hover {
+  color: #495057;
+}
+
+.show .btn-tool, .btn-tool:focus {
+  box-shadow: none !important;
+}
+
+.text-sm .card-title {
+  font-size: 1rem;
+}
+
+.text-sm .nav-link {
+  padding: 0.4rem 0.8rem;
+}
+
+.card-body > .table {
+  margin-bottom: 0;
+}
+
+.card-body > .table > thead > tr > th,
+.card-body > .table > thead > tr > td {
+  border-top-width: 0;
+}
+
+.card-body .fc {
+  margin-top: 5px;
+}
+
+.card-body .full-width-chart {
+  margin: -19px;
+}
+
+.card-body.p-0 .full-width-chart {
+  margin: -9px;
+}
+
+.chart-legend {
+  padding-left: 0;
+  list-style: none;
+  margin: 10px 0;
+}
+
+@media (max-width: 576px) {
+  .chart-legend > li {
+    float: left;
+    margin-right: 10px;
+  }
+}
+
+.card-comments {
+  background-color: #f8f9fa;
+}
+
+.card-comments .card-comment {
+  border-bottom: 1px solid #e9ecef;
+  padding: 8px 0;
+}
+
+.card-comments .card-comment::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.card-comments .card-comment:last-of-type {
+  border-bottom: 0;
+}
+
+.card-comments .card-comment:first-of-type {
+  padding-top: 0;
+}
+
+.card-comments .card-comment img {
+  height: 1.875rem;
+  width: 1.875rem;
+  float: left;
+}
+
+.card-comments .comment-text {
+  color: #78838e;
+  margin-left: 40px;
+}
+
+.card-comments .username {
+  color: #495057;
+  display: block;
+  font-weight: 600;
+}
+
+.card-comments .text-muted {
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.todo-list {
+  list-style: none;
+  margin: 0;
+  overflow: auto;
+  padding: 0;
+}
+
+.todo-list > li {
+  border-radius: 2px;
+  background-color: #f8f9fa;
+  border-left: 2px solid #e9ecef;
+  color: #495057;
+  margin-bottom: 2px;
+  padding: 10px;
+}
+
+.todo-list > li:last-of-type {
+  margin-bottom: 0;
+}
+
+.todo-list > li > input[type="checkbox"] {
+  margin: 0 10px 0 5px;
+}
+
+.todo-list > li .text {
+  display: inline-block;
+  font-weight: 600;
+  margin-left: 5px;
+}
+
+.todo-list > li .badge {
+  font-size: .7rem;
+  margin-left: 10px;
+}
+
+.todo-list > li .tools {
+  color: #dc3545;
+  display: none;
+  float: right;
+}
+
+.todo-list > li .tools > .fa,
+.todo-list > li .tools > .fas,
+.todo-list > li .tools > .far,
+.todo-list > li .tools > .fab,
+.todo-list > li .tools > .fal,
+.todo-list > li .tools > .fad,
+.todo-list > li .tools > .svg-inline--fa,
+.todo-list > li .tools > .ion {
+  cursor: pointer;
+  margin-right: 5px;
+}
+
+.todo-list > li:hover .tools {
+  display: inline-block;
+}
+
+.todo-list > li.done {
+  color: #697582;
+}
+
+.todo-list > li.done .text {
+  font-weight: 500;
+  text-decoration: line-through;
+}
+
+.todo-list > li.done .badge {
+  background-color: #adb5bd !important;
+}
+
+.todo-list .primary {
+  border-left-color: #007bff;
+}
+
+.todo-list .secondary {
+  border-left-color: #6c757d;
+}
+
+.todo-list .success {
+  border-left-color: #28a745;
+}
+
+.todo-list .info {
+  border-left-color: #17a2b8;
+}
+
+.todo-list .warning {
+  border-left-color: #ffc107;
+}
+
+.todo-list .danger {
+  border-left-color: #dc3545;
+}
+
+.todo-list .light {
+  border-left-color: #f8f9fa;
+}
+
+.todo-list .dark {
+  border-left-color: #343a40;
+}
+
+.todo-list .lightblue {
+  border-left-color: #3c8dbc;
+}
+
+.todo-list .navy {
+  border-left-color: #001f3f;
+}
+
+.todo-list .olive {
+  border-left-color: #3d9970;
+}
+
+.todo-list .lime {
+  border-left-color: #01ff70;
+}
+
+.todo-list .fuchsia {
+  border-left-color: #f012be;
+}
+
+.todo-list .maroon {
+  border-left-color: #d81b60;
+}
+
+.todo-list .blue {
+  border-left-color: #007bff;
+}
+
+.todo-list .indigo {
+  border-left-color: #6610f2;
+}
+
+.todo-list .purple {
+  border-left-color: #6f42c1;
+}
+
+.todo-list .pink {
+  border-left-color: #e83e8c;
+}
+
+.todo-list .red {
+  border-left-color: #dc3545;
+}
+
+.todo-list .orange {
+  border-left-color: #fd7e14;
+}
+
+.todo-list .yellow {
+  border-left-color: #ffc107;
+}
+
+.todo-list .green {
+  border-left-color: #28a745;
+}
+
+.todo-list .teal {
+  border-left-color: #20c997;
+}
+
+.todo-list .cyan {
+  border-left-color: #17a2b8;
+}
+
+.todo-list .white {
+  border-left-color: #fff;
+}
+
+.todo-list .gray {
+  border-left-color: #6c757d;
+}
+
+.todo-list .gray-dark {
+  border-left-color: #343a40;
+}
+
+.todo-list .handle {
+  cursor: move;
+  display: inline-block;
+  margin: 0 5px;
+}
+
+.card-input {
+  max-width: 200px;
+}
+
+.card-default .nav-item:first-child .nav-link {
+  border-left: 0;
+}
+
+.dark-mode .card-primary:not(.card-outline) > .card-header {
+  background-color: #3f6791;
+}
+
+.dark-mode .card-primary:not(.card-outline) > .card-header,
+.dark-mode .card-primary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-primary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-primary.card-outline {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .card-primary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-primary.card-outline-tabs > .card-header a.active,
+.dark-mode .card-primary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .bg-primary > .card-header .btn-tool,
+.dark-mode .bg-gradient-primary > .card-header .btn-tool,
+.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-primary > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-primary > .card-header .btn-tool:hover,
+.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #335375;
+  color: #fff;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5080b3;
+  color: #fff;
+}
+
+.dark-mode .card-secondary:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.dark-mode .card-secondary:not(.card-outline) > .card-header,
+.dark-mode .card-secondary:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-secondary:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-secondary.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .card-secondary.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-secondary.card-outline-tabs > .card-header a.active,
+.dark-mode .card-secondary.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .bg-secondary > .card-header .btn-tool,
+.dark-mode .bg-gradient-secondary > .card-header .btn-tool,
+.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-secondary > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-secondary > .card-header .btn-tool:hover,
+.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.dark-mode .card-success:not(.card-outline) > .card-header {
+  background-color: #00bc8c;
+}
+
+.dark-mode .card-success:not(.card-outline) > .card-header,
+.dark-mode .card-success:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-success:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-success.card-outline {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .card-success.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-success.card-outline-tabs > .card-header a.active,
+.dark-mode .card-success.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .bg-success > .card-header .btn-tool,
+.dark-mode .bg-gradient-success > .card-header .btn-tool,
+.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-success > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-success > .card-header .btn-tool:hover,
+.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #00936e;
+  color: #fff;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #00efb2;
+  color: #fff;
+}
+
+.dark-mode .card-info:not(.card-outline) > .card-header {
+  background-color: #3498db;
+}
+
+.dark-mode .card-info:not(.card-outline) > .card-header,
+.dark-mode .card-info:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-info:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-info.card-outline {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .card-info.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-info.card-outline-tabs > .card-header a.active,
+.dark-mode .card-info.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .bg-info > .card-header .btn-tool,
+.dark-mode .bg-gradient-info > .card-header .btn-tool,
+.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-info > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-info > .card-header .btn-tool:hover,
+.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #2383c4;
+  color: #fff;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5faee3;
+  color: #fff;
+}
+
+.dark-mode .card-warning:not(.card-outline) > .card-header {
   background-color: #f39c12;
 }
-.progress-striped .progress-bar-yellow,
-.progress-striped .progress-bar-warning {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.dark-mode .card-warning:not(.card-outline) > .card-header,
+.dark-mode .card-warning:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
 }
-.progress-bar-red,
-.progress-bar-danger {
-  background-color: #dd4b39;
+
+.dark-mode .card-warning:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
 }
-.progress-striped .progress-bar-red,
-.progress-striped .progress-bar-danger {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+
+.dark-mode .card-warning.card-outline {
+  border-top: 3px solid #f39c12;
 }
-/*
- * Component: Small Box
- * --------------------
- */
-.small-box {
-  border-radius: 2px;
+
+.dark-mode .card-warning.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-warning.card-outline-tabs > .card-header a.active,
+.dark-mode .card-warning.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f39c12;
+}
+
+.dark-mode .bg-warning > .card-header .btn-tool,
+.dark-mode .bg-gradient-warning > .card-header .btn-tool,
+.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-warning > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-warning > .card-header .btn-tool:hover,
+.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #d2850b;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f5b043;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-danger:not(.card-outline) > .card-header {
+  background-color: #e74c3c;
+}
+
+.dark-mode .card-danger:not(.card-outline) > .card-header,
+.dark-mode .card-danger:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-danger:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-danger.card-outline {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .card-danger.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-danger.card-outline-tabs > .card-header a.active,
+.dark-mode .card-danger.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .bg-danger > .card-header .btn-tool,
+.dark-mode .bg-gradient-danger > .card-header .btn-tool,
+.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-danger > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-danger > .card-header .btn-tool:hover,
+.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #df2e1b;
+  color: #fff;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed7669;
+  color: #fff;
+}
+
+.dark-mode .card-light:not(.card-outline) > .card-header {
+  background-color: #f8f9fa;
+}
+
+.dark-mode .card-light:not(.card-outline) > .card-header,
+.dark-mode .card-light:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-light:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-light.card-outline {
+  border-top: 3px solid #f8f9fa;
+}
+
+.dark-mode .card-light.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-light.card-outline-tabs > .card-header a.active,
+.dark-mode .card-light.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f8f9fa;
+}
+
+.dark-mode .bg-light > .card-header .btn-tool,
+.dark-mode .bg-gradient-light > .card-header .btn-tool,
+.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-light > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-light > .card-header .btn-tool:hover,
+.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e0e5e9;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.dark-mode .card-dark:not(.card-outline) > .card-header,
+.dark-mode .card-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .card-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-dark.card-outline-tabs > .card-header a.active,
+.dark-mode .card-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .bg-dark > .card-header .btn-tool,
+.dark-mode .bg-gradient-dark > .card-header .btn-tool,
+.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-dark > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-dark > .card-header .btn-tool:hover,
+.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .card-lightblue:not(.card-outline) > .card-header {
+  background-color: #86bad8;
+}
+
+.dark-mode .card-lightblue:not(.card-outline) > .card-header,
+.dark-mode .card-lightblue:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lightblue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lightblue.card-outline {
+  border-top: 3px solid #86bad8;
+}
+
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active,
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #86bad8;
+}
+
+.dark-mode .bg-lightblue > .card-header .btn-tool,
+.dark-mode .bg-gradient-lightblue > .card-header .btn-tool,
+.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-lightblue > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-lightblue > .card-header .btn-tool:hover,
+.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #67a8ce;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #acd0e5;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-navy:not(.card-outline) > .card-header {
+  background-color: #002c59;
+}
+
+.dark-mode .card-navy:not(.card-outline) > .card-header,
+.dark-mode .card-navy:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-navy:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-navy.card-outline {
+  border-top: 3px solid #002c59;
+}
+
+.dark-mode .card-navy.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-navy.card-outline-tabs > .card-header a.active,
+.dark-mode .card-navy.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #002c59;
+}
+
+.dark-mode .bg-navy > .card-header .btn-tool,
+.dark-mode .bg-gradient-navy > .card-header .btn-tool,
+.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-navy > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-navy > .card-header .btn-tool:hover,
+.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #001730;
+  color: #fff;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #00458c;
+  color: #fff;
+}
+
+.dark-mode .card-olive:not(.card-outline) > .card-header {
+  background-color: #74c8a3;
+}
+
+.dark-mode .card-olive:not(.card-outline) > .card-header,
+.dark-mode .card-olive:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-olive:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-olive.card-outline {
+  border-top: 3px solid #74c8a3;
+}
+
+.dark-mode .card-olive.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-olive.card-outline-tabs > .card-header a.active,
+.dark-mode .card-olive.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #74c8a3;
+}
+
+.dark-mode .bg-olive > .card-header .btn-tool,
+.dark-mode .bg-gradient-olive > .card-header .btn-tool,
+.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-olive > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-olive > .card-header .btn-tool:hover,
+.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #57bc8f;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #99d6bb;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lime:not(.card-outline) > .card-header {
+  background-color: #67ffa9;
+}
+
+.dark-mode .card-lime:not(.card-outline) > .card-header,
+.dark-mode .card-lime:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lime:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-lime.card-outline {
+  border-top: 3px solid #67ffa9;
+}
+
+.dark-mode .card-lime.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-lime.card-outline-tabs > .card-header a.active,
+.dark-mode .card-lime.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #67ffa9;
+}
+
+.dark-mode .bg-lime > .card-header .btn-tool,
+.dark-mode .bg-gradient-lime > .card-header .btn-tool,
+.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-lime > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-lime > .card-header .btn-tool:hover,
+.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #3eff92;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #9affc6;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header {
+  background-color: #f672d8;
+}
+
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header,
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-fuchsia.card-outline {
+  border-top: 3px solid #f672d8;
+}
+
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active,
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f672d8;
+}
+
+.dark-mode .bg-fuchsia > .card-header .btn-tool,
+.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool,
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-fuchsia > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool:hover,
+.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #f44cce;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f9a2e5;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-maroon:not(.card-outline) > .card-header {
+  background-color: #ed6c9b;
+}
+
+.dark-mode .card-maroon:not(.card-outline) > .card-header,
+.dark-mode .card-maroon:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-maroon:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-maroon.card-outline {
+  border-top: 3px solid #ed6c9b;
+}
+
+.dark-mode .card-maroon.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-maroon.card-outline-tabs > .card-header a.active,
+.dark-mode .card-maroon.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #ed6c9b;
+}
+
+.dark-mode .bg-maroon > .card-header .btn-tool,
+.dark-mode .bg-gradient-maroon > .card-header .btn-tool,
+.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-maroon > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-maroon > .card-header .btn-tool:hover,
+.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e84883;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f29aba;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-blue:not(.card-outline) > .card-header {
+  background-color: #3f6791;
+}
+
+.dark-mode .card-blue:not(.card-outline) > .card-header,
+.dark-mode .card-blue:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-blue:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-blue.card-outline {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .card-blue.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-blue.card-outline-tabs > .card-header a.active,
+.dark-mode .card-blue.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3f6791;
+}
+
+.dark-mode .bg-blue > .card-header .btn-tool,
+.dark-mode .bg-gradient-blue > .card-header .btn-tool,
+.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-blue > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-blue > .card-header .btn-tool:hover,
+.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #335375;
+  color: #fff;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5080b3;
+  color: #fff;
+}
+
+.dark-mode .card-indigo:not(.card-outline) > .card-header {
+  background-color: #6610f2;
+}
+
+.dark-mode .card-indigo:not(.card-outline) > .card-header,
+.dark-mode .card-indigo:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-indigo:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-indigo.card-outline {
+  border-top: 3px solid #6610f2;
+}
+
+.dark-mode .card-indigo.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-indigo.card-outline-tabs > .card-header a.active,
+.dark-mode .card-indigo.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6610f2;
+}
+
+.dark-mode .bg-indigo > .card-header .btn-tool,
+.dark-mode .bg-gradient-indigo > .card-header .btn-tool,
+.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-indigo > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-indigo > .card-header .btn-tool:hover,
+.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #550bce;
+  color: #fff;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8540f5;
+  color: #fff;
+}
+
+.dark-mode .card-purple:not(.card-outline) > .card-header {
+  background-color: #6f42c1;
+}
+
+.dark-mode .card-purple:not(.card-outline) > .card-header,
+.dark-mode .card-purple:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-purple:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-purple.card-outline {
+  border-top: 3px solid #6f42c1;
+}
+
+.dark-mode .card-purple.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-purple.card-outline-tabs > .card-header a.active,
+.dark-mode .card-purple.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6f42c1;
+}
+
+.dark-mode .bg-purple > .card-header .btn-tool,
+.dark-mode .bg-gradient-purple > .card-header .btn-tool,
+.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-purple > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-purple > .card-header .btn-tool:hover,
+.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #5d36a4;
+  color: #fff;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #8c68ce;
+  color: #fff;
+}
+
+.dark-mode .card-pink:not(.card-outline) > .card-header {
+  background-color: #e83e8c;
+}
+
+.dark-mode .card-pink:not(.card-outline) > .card-header,
+.dark-mode .card-pink:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-pink:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-pink.card-outline {
+  border-top: 3px solid #e83e8c;
+}
+
+.dark-mode .card-pink.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-pink.card-outline-tabs > .card-header a.active,
+.dark-mode .card-pink.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e83e8c;
+}
+
+.dark-mode .bg-pink > .card-header .btn-tool,
+.dark-mode .bg-gradient-pink > .card-header .btn-tool,
+.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-pink > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-pink > .card-header .btn-tool:hover,
+.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e21b76;
+  color: #fff;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed6ca7;
+  color: #fff;
+}
+
+.dark-mode .card-red:not(.card-outline) > .card-header {
+  background-color: #e74c3c;
+}
+
+.dark-mode .card-red:not(.card-outline) > .card-header,
+.dark-mode .card-red:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-red:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-red.card-outline {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .card-red.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-red.card-outline-tabs > .card-header a.active,
+.dark-mode .card-red.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #e74c3c;
+}
+
+.dark-mode .bg-red > .card-header .btn-tool,
+.dark-mode .bg-gradient-red > .card-header .btn-tool,
+.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-red > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-red > .card-header .btn-tool:hover,
+.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #df2e1b;
+  color: #fff;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #ed7669;
+  color: #fff;
+}
+
+.dark-mode .card-orange:not(.card-outline) > .card-header {
+  background-color: #fd7e14;
+}
+
+.dark-mode .card-orange:not(.card-outline) > .card-header,
+.dark-mode .card-orange:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-orange:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-orange.card-outline {
+  border-top: 3px solid #fd7e14;
+}
+
+.dark-mode .card-orange.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-orange.card-outline-tabs > .card-header a.active,
+.dark-mode .card-orange.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fd7e14;
+}
+
+.dark-mode .bg-orange > .card-header .btn-tool,
+.dark-mode .bg-gradient-orange > .card-header .btn-tool,
+.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-orange > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-orange > .card-header .btn-tool:hover,
+.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #e66a02;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #fd9a47;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-yellow:not(.card-outline) > .card-header {
+  background-color: #f39c12;
+}
+
+.dark-mode .card-yellow:not(.card-outline) > .card-header,
+.dark-mode .card-yellow:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-yellow:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-yellow.card-outline {
+  border-top: 3px solid #f39c12;
+}
+
+.dark-mode .card-yellow.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-yellow.card-outline-tabs > .card-header a.active,
+.dark-mode .card-yellow.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #f39c12;
+}
+
+.dark-mode .bg-yellow > .card-header .btn-tool,
+.dark-mode .bg-gradient-yellow > .card-header .btn-tool,
+.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-yellow > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-yellow > .card-header .btn-tool:hover,
+.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #d2850b;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #f5b043;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-green:not(.card-outline) > .card-header {
+  background-color: #00bc8c;
+}
+
+.dark-mode .card-green:not(.card-outline) > .card-header,
+.dark-mode .card-green:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-green:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-green.card-outline {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .card-green.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-green.card-outline-tabs > .card-header a.active,
+.dark-mode .card-green.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #00bc8c;
+}
+
+.dark-mode .bg-green > .card-header .btn-tool,
+.dark-mode .bg-gradient-green > .card-header .btn-tool,
+.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-green > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-green > .card-header .btn-tool:hover,
+.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #00936e;
+  color: #fff;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #00efb2;
+  color: #fff;
+}
+
+.dark-mode .card-teal:not(.card-outline) > .card-header {
+  background-color: #20c997;
+}
+
+.dark-mode .card-teal:not(.card-outline) > .card-header,
+.dark-mode .card-teal:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-teal:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-teal.card-outline {
+  border-top: 3px solid #20c997;
+}
+
+.dark-mode .card-teal.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-teal.card-outline-tabs > .card-header a.active,
+.dark-mode .card-teal.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #20c997;
+}
+
+.dark-mode .bg-teal > .card-header .btn-tool,
+.dark-mode .bg-gradient-teal > .card-header .btn-tool,
+.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-teal > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-teal > .card-header .btn-tool:hover,
+.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #1aa67d;
+  color: #fff;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #3ce0af;
+  color: #fff;
+}
+
+.dark-mode .card-cyan:not(.card-outline) > .card-header {
+  background-color: #3498db;
+}
+
+.dark-mode .card-cyan:not(.card-outline) > .card-header,
+.dark-mode .card-cyan:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-cyan:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-cyan.card-outline {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .card-cyan.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-cyan.card-outline-tabs > .card-header a.active,
+.dark-mode .card-cyan.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #3498db;
+}
+
+.dark-mode .bg-cyan > .card-header .btn-tool,
+.dark-mode .bg-gradient-cyan > .card-header .btn-tool,
+.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-cyan > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-cyan > .card-header .btn-tool:hover,
+.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #2383c4;
+  color: #fff;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #5faee3;
+  color: #fff;
+}
+
+.dark-mode .card-white:not(.card-outline) > .card-header {
+  background-color: #fff;
+}
+
+.dark-mode .card-white:not(.card-outline) > .card-header,
+.dark-mode .card-white:not(.card-outline) > .card-header a {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-white:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-white.card-outline {
+  border-top: 3px solid #fff;
+}
+
+.dark-mode .card-white.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-white.card-outline-tabs > .card-header a.active,
+.dark-mode .card-white.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #fff;
+}
+
+.dark-mode .bg-white > .card-header .btn-tool,
+.dark-mode .bg-gradient-white > .card-header .btn-tool,
+.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(31, 45, 61, 0.8);
+}
+
+.dark-mode .bg-white > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-white > .card-header .btn-tool:hover,
+.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #ebebeb;
+  color: #1f2d3d;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #1f2d3d;
+}
+
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: white;
+  color: #1f2d3d;
+}
+
+.dark-mode .card-gray:not(.card-outline) > .card-header {
+  background-color: #6c757d;
+}
+
+.dark-mode .card-gray:not(.card-outline) > .card-header,
+.dark-mode .card-gray:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-gray:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-gray.card-outline {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .card-gray.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-gray.card-outline-tabs > .card-header a.active,
+.dark-mode .card-gray.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #6c757d;
+}
+
+.dark-mode .bg-gray > .card-header .btn-tool,
+.dark-mode .bg-gradient-gray > .card-header .btn-tool,
+.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-gray > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-gray > .card-header .btn-tool:hover,
+.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #596167;
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #868e96;
+  color: #fff;
+}
+
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header {
+  background-color: #343a40;
+}
+
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header,
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header a {
+  color: #fff;
+}
+
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header a.active {
+  color: #1f2d3d;
+}
+
+.dark-mode .card-gray-dark.card-outline {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a:hover {
+  border-top: 3px solid #dee2e6;
+}
+
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active,
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active:hover {
+  border-top: 3px solid #343a40;
+}
+
+.dark-mode .bg-gray-dark > .card-header .btn-tool,
+.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool,
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .bg-gray-dark > .card-header .btn-tool:hover,
+.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool:hover,
+.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
+  border: none;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
+  background-color: #222629;
+  color: #fff;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
+  border-bottom-color: #fff;
+}
+
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
+.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .card {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .card .card {
+  background-color: #3f474e;
+  color: #fff;
+}
+
+.dark-mode .card .nav.flex-column > li {
+  border-bottom-color: #6c757d;
+}
+
+.dark-mode .card .card-footer {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.dark-mode .card.card-outline-tabs {
+  border-top: 0;
+}
+
+.dark-mode .card.card-outline-tabs .card-header a:hover {
+  border-top-color: #6c757d;
+  border-bottom-color: transparent;
+}
+
+.dark-mode .card:not(.card-outline) > .card-header a.active {
+  color: #fff;
+}
+
+.dark-mode .card-comments {
+  background-color: #373d44;
+}
+
+.dark-mode .card-comments .username {
+  color: #ced4da;
+}
+
+.dark-mode .card-comments .card-comment {
+  border-bottom-color: #454d55;
+}
+
+.dark-mode .todo-list > li {
+  background-color: #3f474e;
+  border-color: #454d55;
+  color: #fff;
+}
+
+.dark-mode .todo-list .primary {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .todo-list .secondary {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .todo-list .success {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .todo-list .info {
+  border-left-color: #3498db;
+}
+
+.dark-mode .todo-list .warning {
+  border-left-color: #f39c12;
+}
+
+.dark-mode .todo-list .danger {
+  border-left-color: #e74c3c;
+}
+
+.dark-mode .todo-list .light {
+  border-left-color: #f8f9fa;
+}
+
+.dark-mode .todo-list .dark {
+  border-left-color: #343a40;
+}
+
+.dark-mode .todo-list .lightblue {
+  border-left-color: #86bad8;
+}
+
+.dark-mode .todo-list .navy {
+  border-left-color: #002c59;
+}
+
+.dark-mode .todo-list .olive {
+  border-left-color: #74c8a3;
+}
+
+.dark-mode .todo-list .lime {
+  border-left-color: #67ffa9;
+}
+
+.dark-mode .todo-list .fuchsia {
+  border-left-color: #f672d8;
+}
+
+.dark-mode .todo-list .maroon {
+  border-left-color: #ed6c9b;
+}
+
+.dark-mode .todo-list .blue {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .todo-list .indigo {
+  border-left-color: #6610f2;
+}
+
+.dark-mode .todo-list .purple {
+  border-left-color: #6f42c1;
+}
+
+.dark-mode .todo-list .pink {
+  border-left-color: #e83e8c;
+}
+
+.dark-mode .todo-list .red {
+  border-left-color: #e74c3c;
+}
+
+.dark-mode .todo-list .orange {
+  border-left-color: #fd7e14;
+}
+
+.dark-mode .todo-list .yellow {
+  border-left-color: #f39c12;
+}
+
+.dark-mode .todo-list .green {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .todo-list .teal {
+  border-left-color: #20c997;
+}
+
+.dark-mode .todo-list .cyan {
+  border-left-color: #3498db;
+}
+
+.dark-mode .todo-list .white {
+  border-left-color: #fff;
+}
+
+.dark-mode .todo-list .gray {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .todo-list .gray-dark {
+  border-left-color: #343a40;
+}
+
+.modal-dialog .overlay {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  margin: -1px;
+  z-index: 1052;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.7);
+  color: #666f76;
+  border-radius: 0.3rem;
+}
+
+.modal-content.bg-warning .modal-header,
+.modal-content.bg-warning .modal-footer {
+  border-color: #343a40;
+}
+
+.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .modal-header,
+.dark-mode .modal-footer {
+  border-color: #6c757d;
+}
+
+.dark-mode .modal-content {
+  background-color: #343a40;
+}
+
+.dark-mode .modal-content.bg-warning .modal-header,
+.dark-mode .modal-content.bg-warning .modal-footer {
+  border-color: #6c757d;
+}
+
+.dark-mode .modal-content.bg-warning .close, .dark-mode .modal-content.bg-warning .mailbox-attachment-close {
+  color: #343a40 !important;
+  text-shadow: 0 1px 0 #495057 !important;
+}
+
+.dark-mode .modal-content.bg-primary .modal-header,
+.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header,
+.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header,
+.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header,
+.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header,
+.dark-mode .modal-content.bg-success .modal-footer {
+  border-color: #fff;
+}
+
+.toasts-top-right {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1040;
+}
+
+.toasts-top-right.fixed {
+  position: fixed;
+}
+
+.toasts-top-left {
+  left: 0;
+  position: absolute;
+  top: 0;
+  z-index: 1040;
+}
+
+.toasts-top-left.fixed {
+  position: fixed;
+}
+
+.toasts-bottom-right {
+  bottom: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1040;
+}
+
+.toasts-bottom-right.fixed {
+  position: fixed;
+}
+
+.toasts-bottom-left {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  z-index: 1040;
+}
+
+.toasts-bottom-left.fixed {
+  position: fixed;
+}
+
+.dark-mode .toast {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast .toast-header {
+  background-color: rgba(52, 58, 64, 0.7);
+  color: #f8f9fa;
+}
+
+.dark-mode .toast.bg-primary {
+  background-color: rgba(63, 103, 145, 0.9) !important;
+}
+
+.dark-mode .toast.bg-primary .close, .dark-mode .toast.bg-primary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-primary .toast-header {
+  background-color: rgba(63, 103, 145, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-secondary {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.dark-mode .toast.bg-secondary .close, .dark-mode .toast.bg-secondary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-secondary .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-success {
+  background-color: rgba(0, 188, 140, 0.9) !important;
+}
+
+.dark-mode .toast.bg-success .close, .dark-mode .toast.bg-success .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-success .toast-header {
+  background-color: rgba(0, 188, 140, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-info {
+  background-color: rgba(52, 152, 219, 0.9) !important;
+}
+
+.dark-mode .toast.bg-info .close, .dark-mode .toast.bg-info .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-info .toast-header {
+  background-color: rgba(52, 152, 219, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-warning {
+  background-color: rgba(243, 156, 18, 0.9) !important;
+}
+
+.dark-mode .toast.bg-warning .toast-header {
+  background-color: rgba(243, 156, 18, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-danger {
+  background-color: rgba(231, 76, 60, 0.9) !important;
+}
+
+.dark-mode .toast.bg-danger .close, .dark-mode .toast.bg-danger .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-danger .toast-header {
+  background-color: rgba(231, 76, 60, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-light {
+  background-color: rgba(248, 249, 250, 0.9) !important;
+}
+
+.dark-mode .toast.bg-light .toast-header {
+  background-color: rgba(248, 249, 250, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.dark-mode .toast.bg-dark .close, .dark-mode .toast.bg-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-lightblue {
+  background-color: rgba(134, 186, 216, 0.9) !important;
+}
+
+.dark-mode .toast.bg-lightblue .toast-header {
+  background-color: rgba(134, 186, 216, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-navy {
+  background-color: rgba(0, 44, 89, 0.9) !important;
+}
+
+.dark-mode .toast.bg-navy .close, .dark-mode .toast.bg-navy .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-navy .toast-header {
+  background-color: rgba(0, 44, 89, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-olive {
+  background-color: rgba(116, 200, 163, 0.9) !important;
+}
+
+.dark-mode .toast.bg-olive .toast-header {
+  background-color: rgba(116, 200, 163, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-lime {
+  background-color: rgba(103, 255, 169, 0.9) !important;
+}
+
+.dark-mode .toast.bg-lime .toast-header {
+  background-color: rgba(103, 255, 169, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-fuchsia {
+  background-color: rgba(246, 114, 216, 0.9) !important;
+}
+
+.dark-mode .toast.bg-fuchsia .toast-header {
+  background-color: rgba(246, 114, 216, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-maroon {
+  background-color: rgba(237, 108, 155, 0.9) !important;
+}
+
+.dark-mode .toast.bg-maroon .toast-header {
+  background-color: rgba(237, 108, 155, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-blue {
+  background-color: rgba(63, 103, 145, 0.9) !important;
+}
+
+.dark-mode .toast.bg-blue .close, .dark-mode .toast.bg-blue .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-blue .toast-header {
+  background-color: rgba(63, 103, 145, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-indigo {
+  background-color: rgba(102, 16, 242, 0.9) !important;
+}
+
+.dark-mode .toast.bg-indigo .close, .dark-mode .toast.bg-indigo .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-indigo .toast-header {
+  background-color: rgba(102, 16, 242, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-purple {
+  background-color: rgba(111, 66, 193, 0.9) !important;
+}
+
+.dark-mode .toast.bg-purple .close, .dark-mode .toast.bg-purple .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-purple .toast-header {
+  background-color: rgba(111, 66, 193, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-pink {
+  background-color: rgba(232, 62, 140, 0.9) !important;
+}
+
+.dark-mode .toast.bg-pink .close, .dark-mode .toast.bg-pink .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-pink .toast-header {
+  background-color: rgba(232, 62, 140, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-red {
+  background-color: rgba(231, 76, 60, 0.9) !important;
+}
+
+.dark-mode .toast.bg-red .close, .dark-mode .toast.bg-red .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-red .toast-header {
+  background-color: rgba(231, 76, 60, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-orange {
+  background-color: rgba(253, 126, 20, 0.9) !important;
+}
+
+.dark-mode .toast.bg-orange .toast-header {
+  background-color: rgba(253, 126, 20, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-yellow {
+  background-color: rgba(243, 156, 18, 0.9) !important;
+}
+
+.dark-mode .toast.bg-yellow .toast-header {
+  background-color: rgba(243, 156, 18, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-green {
+  background-color: rgba(0, 188, 140, 0.9) !important;
+}
+
+.dark-mode .toast.bg-green .close, .dark-mode .toast.bg-green .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-green .toast-header {
+  background-color: rgba(0, 188, 140, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-teal {
+  background-color: rgba(32, 201, 151, 0.9) !important;
+}
+
+.dark-mode .toast.bg-teal .close, .dark-mode .toast.bg-teal .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-teal .toast-header {
+  background-color: rgba(32, 201, 151, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-cyan {
+  background-color: rgba(52, 152, 219, 0.9) !important;
+}
+
+.dark-mode .toast.bg-cyan .close, .dark-mode .toast.bg-cyan .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-cyan .toast-header {
+  background-color: rgba(52, 152, 219, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-white {
+  background-color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.dark-mode .toast.bg-white .toast-header {
+  background-color: rgba(255, 255, 255, 0.85);
+  color: #1f2d3d;
+}
+
+.dark-mode .toast.bg-gray {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.dark-mode .toast.bg-gray .close, .dark-mode .toast.bg-gray .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-gray .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.dark-mode .toast.bg-gray-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.dark-mode .toast.bg-gray-dark .close, .dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.dark-mode .toast.bg-gray-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.toast.bg-primary {
+  background-color: rgba(0, 123, 255, 0.9) !important;
+}
+
+.toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-primary .toast-header {
+  background-color: rgba(0, 123, 255, 0.85);
+  color: #fff;
+}
+
+.toast.bg-secondary {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-secondary .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.toast.bg-success {
+  background-color: rgba(40, 167, 69, 0.9) !important;
+}
+
+.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-success .toast-header {
+  background-color: rgba(40, 167, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-info {
+  background-color: rgba(23, 162, 184, 0.9) !important;
+}
+
+.toast.bg-info .close, .toast.bg-info .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-info .toast-header {
+  background-color: rgba(23, 162, 184, 0.85);
+  color: #fff;
+}
+
+.toast.bg-warning {
+  background-color: rgba(255, 193, 7, 0.9) !important;
+}
+
+.toast.bg-warning .toast-header {
+  background-color: rgba(255, 193, 7, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-danger {
+  background-color: rgba(220, 53, 69, 0.9) !important;
+}
+
+.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-danger .toast-header {
+  background-color: rgba(220, 53, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-light {
+  background-color: rgba(248, 249, 250, 0.9) !important;
+}
+
+.toast.bg-light .toast-header {
+  background-color: rgba(248, 249, 250, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.toast.bg-lightblue {
+  background-color: rgba(60, 141, 188, 0.9) !important;
+}
+
+.toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-lightblue .toast-header {
+  background-color: rgba(60, 141, 188, 0.85);
+  color: #fff;
+}
+
+.toast.bg-navy {
+  background-color: rgba(0, 31, 63, 0.9) !important;
+}
+
+.toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-navy .toast-header {
+  background-color: rgba(0, 31, 63, 0.85);
+  color: #fff;
+}
+
+.toast.bg-olive {
+  background-color: rgba(61, 153, 112, 0.9) !important;
+}
+
+.toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-olive .toast-header {
+  background-color: rgba(61, 153, 112, 0.85);
+  color: #fff;
+}
+
+.toast.bg-lime {
+  background-color: rgba(1, 255, 112, 0.9) !important;
+}
+
+.toast.bg-lime .toast-header {
+  background-color: rgba(1, 255, 112, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-fuchsia {
+  background-color: rgba(240, 18, 190, 0.9) !important;
+}
+
+.toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-fuchsia .toast-header {
+  background-color: rgba(240, 18, 190, 0.85);
+  color: #fff;
+}
+
+.toast.bg-maroon {
+  background-color: rgba(216, 27, 96, 0.9) !important;
+}
+
+.toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-maroon .toast-header {
+  background-color: rgba(216, 27, 96, 0.85);
+  color: #fff;
+}
+
+.toast.bg-blue {
+  background-color: rgba(0, 123, 255, 0.9) !important;
+}
+
+.toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-blue .toast-header {
+  background-color: rgba(0, 123, 255, 0.85);
+  color: #fff;
+}
+
+.toast.bg-indigo {
+  background-color: rgba(102, 16, 242, 0.9) !important;
+}
+
+.toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-indigo .toast-header {
+  background-color: rgba(102, 16, 242, 0.85);
+  color: #fff;
+}
+
+.toast.bg-purple {
+  background-color: rgba(111, 66, 193, 0.9) !important;
+}
+
+.toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-purple .toast-header {
+  background-color: rgba(111, 66, 193, 0.85);
+  color: #fff;
+}
+
+.toast.bg-pink {
+  background-color: rgba(232, 62, 140, 0.9) !important;
+}
+
+.toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-pink .toast-header {
+  background-color: rgba(232, 62, 140, 0.85);
+  color: #fff;
+}
+
+.toast.bg-red {
+  background-color: rgba(220, 53, 69, 0.9) !important;
+}
+
+.toast.bg-red .close, .toast.bg-red .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-red .toast-header {
+  background-color: rgba(220, 53, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-orange {
+  background-color: rgba(253, 126, 20, 0.9) !important;
+}
+
+.toast.bg-orange .toast-header {
+  background-color: rgba(253, 126, 20, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-yellow {
+  background-color: rgba(255, 193, 7, 0.9) !important;
+}
+
+.toast.bg-yellow .toast-header {
+  background-color: rgba(255, 193, 7, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-green {
+  background-color: rgba(40, 167, 69, 0.9) !important;
+}
+
+.toast.bg-green .close, .toast.bg-green .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-green .toast-header {
+  background-color: rgba(40, 167, 69, 0.85);
+  color: #fff;
+}
+
+.toast.bg-teal {
+  background-color: rgba(32, 201, 151, 0.9) !important;
+}
+
+.toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-teal .toast-header {
+  background-color: rgba(32, 201, 151, 0.85);
+  color: #fff;
+}
+
+.toast.bg-cyan {
+  background-color: rgba(23, 162, 184, 0.9) !important;
+}
+
+.toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-cyan .toast-header {
+  background-color: rgba(23, 162, 184, 0.85);
+  color: #fff;
+}
+
+.toast.bg-white {
+  background-color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.toast.bg-white .toast-header {
+  background-color: rgba(255, 255, 255, 0.85);
+  color: #1f2d3d;
+}
+
+.toast.bg-gray {
+  background-color: rgba(108, 117, 125, 0.9) !important;
+}
+
+.toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-gray .toast-header {
+  background-color: rgba(108, 117, 125, 0.85);
+  color: #fff;
+}
+
+.toast.bg-gray-dark {
+  background-color: rgba(52, 58, 64, 0.9) !important;
+}
+
+.toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close {
+  color: #fff;
+  text-shadow: 0 1px 0 #000;
+}
+
+.toast.bg-gray-dark .toast-header {
+  background-color: rgba(52, 58, 64, 0.85);
+  color: #fff;
+}
+
+.btn.disabled, .btn:disabled {
+  cursor: not-allowed;
+}
+
+.btn.btn-flat {
+  border-radius: 0;
+  border-width: 1px;
+  box-shadow: none;
+}
+
+.btn.btn-file {
+  overflow: hidden;
   position: relative;
+}
+
+.btn.btn-file > input[type="file"] {
+  background-color: #fff;
+  cursor: inherit;
+  display: block;
+  font-size: 100px;
+  min-height: 100%;
+  min-width: 100%;
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  top: 0;
+}
+
+.text-sm .btn {
+  font-size: 0.875rem !important;
+}
+
+.btn-default {
+  background-color: #f8f9fa;
+  border-color: #ddd;
+  color: #444;
+}
+
+.btn-default:hover, .btn-default:active, .btn-default.hover {
+  background-color: #e9ecef;
+  color: #2b2b2b;
+}
+
+.btn-default.disabled, .btn-default:disabled {
+  color: #444;
+  background-color: #f8f9fa;
+}
+
+.btn-outline-light {
+  color: #bdc6d0;
+  border-color: #bdc6d0;
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+  color: #bdc6d0;
+  border-color: #bdc6d0;
+}
+
+.btn-app {
+  border-radius: 3px;
+  background-color: #f8f9fa;
+  border: 1px solid #ddd;
+  color: #6c757d;
+  font-size: 12px;
+  height: 60px;
+  margin: 0 0 10px 10px;
+  min-width: 80px;
+  padding: 15px 5px;
+  position: relative;
+  text-align: center;
+}
+
+.btn-app > .fa,
+.btn-app > .fas,
+.btn-app > .far,
+.btn-app > .fab,
+.btn-app > .fal,
+.btn-app > .fad,
+.btn-app > .svg-inline--fa,
+.btn-app > .ion {
+  display: block;
+  font-size: 20px;
+}
+
+.btn-app > .svg-inline--fa {
+  margin: 0 auto;
+}
+
+.btn-app:hover {
+  background-color: #f8f9fa;
+  border-color: #aaaaaa;
+  color: #444;
+}
+
+.btn-app:active, .btn-app:focus {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+
+.btn-app > .badge {
+  font-size: 10px;
+  font-weight: 400;
+  position: absolute;
+  right: -10px;
+  top: -3px;
+}
+
+.btn-xs {
+  padding: 0.125rem 0.25rem;
+  font-size: 0.75rem;
+  line-height: 1.5;
+  border-radius: 0.15rem;
+}
+
+.dark-mode .btn-default,
+.dark-mode .btn-app {
+  background-color: #3a4047;
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-default:hover, .dark-mode .btn-default:focus,
+.dark-mode .btn-app:hover,
+.dark-mode .btn-app:focus {
+  background-color: #3f474e;
+  color: #dee2e6;
+  border-color: #727b84;
+}
+
+.dark-mode .btn-light {
+  background-color: #454d55;
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-light:hover, .dark-mode .btn-light:focus {
+  background-color: #4b545c;
+  color: #dee2e6;
+  border-color: #78828a;
+}
+
+.dark-mode .btn-primary {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+  box-shadow: none;
+}
+
+.dark-mode .btn-primary:hover {
+  color: #fff;
+  background-color: #335476;
+  border-color: #304e6d;
+}
+
+.dark-mode .btn-primary:focus, .dark-mode .btn-primary.focus {
+  color: #fff;
+  background-color: #335476;
+  border-color: #304e6d;
+  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
+}
+
+.dark-mode .btn-primary.disabled, .dark-mode .btn-primary:disabled {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-primary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #304e6d;
+  border-color: #2c4765;
+}
+
+.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
+}
+
+.dark-mode .btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+  box-shadow: none;
+}
+
+.dark-mode .btn-secondary:hover {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.dark-mode .btn-secondary:focus, .dark-mode .btn-secondary.focus {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.dark-mode .btn-secondary.disabled, .dark-mode .btn-secondary:disabled {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #545b62;
+  border-color: #4e555b;
+}
+
+.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
+}
+
+.dark-mode .btn-success {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  box-shadow: none;
+}
+
+.dark-mode .btn-success:hover {
+  color: #fff;
+  background-color: #009670;
+  border-color: #008966;
+}
+
+.dark-mode .btn-success:focus, .dark-mode .btn-success.focus {
+  color: #fff;
+  background-color: #009670;
+  border-color: #008966;
+  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
+}
+
+.dark-mode .btn-success.disabled, .dark-mode .btn-success:disabled {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-success:not(:disabled):not(.disabled):active, .dark-mode .btn-success:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #008966;
+  border-color: #007c5d;
+}
+
+.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
+}
+
+.dark-mode .btn-info {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+  box-shadow: none;
+}
+
+.dark-mode .btn-info:hover {
+  color: #fff;
+  background-color: #2384c6;
+  border-color: #217dbb;
+}
+
+.dark-mode .btn-info:focus, .dark-mode .btn-info.focus {
+  color: #fff;
+  background-color: #2384c6;
+  border-color: #217dbb;
+  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
+}
+
+.dark-mode .btn-info.disabled, .dark-mode .btn-info:disabled {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-info:not(:disabled):not(.disabled):active, .dark-mode .btn-info:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #217dbb;
+  border-color: #1f76b0;
+}
+
+.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
+}
+
+.dark-mode .btn-warning {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+  box-shadow: none;
+}
+
+.dark-mode .btn-warning:hover {
+  color: #fff;
+  background-color: #d4860b;
+  border-color: #c87f0a;
+}
+
+.dark-mode .btn-warning:focus, .dark-mode .btn-warning.focus {
+  color: #fff;
+  background-color: #d4860b;
+  border-color: #c87f0a;
+  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
+}
+
+.dark-mode .btn-warning.disabled, .dark-mode .btn-warning:disabled {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-warning:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-warning.dropdown-toggle {
+  color: #fff;
+  background-color: #c87f0a;
+  border-color: #bc770a;
+}
+
+.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
+}
+
+.dark-mode .btn-danger {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  box-shadow: none;
+}
+
+.dark-mode .btn-danger:hover {
+  color: #fff;
+  background-color: #e12e1c;
+  border-color: #d62c1a;
+}
+
+.dark-mode .btn-danger:focus, .dark-mode .btn-danger.focus {
+  color: #fff;
+  background-color: #e12e1c;
+  border-color: #d62c1a;
+  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
+}
+
+.dark-mode .btn-danger.disabled, .dark-mode .btn-danger:disabled {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-danger:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #d62c1a;
+  border-color: #ca2a19;
+}
+
+.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
+}
+
+.dark-mode .btn-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  box-shadow: none;
+}
+
+.dark-mode .btn-light:hover {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+}
+
+.dark-mode .btn-light:focus, .dark-mode .btn-light.focus {
+  color: #1f2d3d;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.dark-mode .btn-light.disabled, .dark-mode .btn-light:disabled {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #dae0e5;
+  border-color: #d3d9df;
+}
+
+.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
+}
+
+.dark-mode .btn-dark {
+  color: #fff;
+  background-color: #292d32;
+  border-color: #4b545c;
+  box-shadow: none;
+}
+
+.dark-mode .btn-dark:hover {
+  color: #fff;
+  background-color: #171a1d;
+  border-color: #343a40;
+}
+
+.dark-mode .btn-dark:focus, .dark-mode .btn-dark.focus {
+  color: #fff;
+  background-color: #171a1d;
+  border-color: #343a40;
+  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
+}
+
+.dark-mode .btn-dark.disabled, .dark-mode .btn-dark:disabled {
+  color: #fff;
+  background-color: #292d32;
+  border-color: #4b545c;
+}
+
+.dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #121416;
+  border-color: #2e3439;
+}
+
+.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
+}
+
+.dark-mode .btn-outline-primary {
+  color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-outline-primary:hover {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-outline-primary:focus, .dark-mode .btn-outline-primary.focus {
+  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
+}
+
+.dark-mode .btn-outline-primary.disabled, .dark-mode .btn-outline-primary:disabled {
+  color: #3f6791;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
+}
+
+.dark-mode .btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-outline-secondary:focus, .dark-mode .btn-outline-secondary.focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.dark-mode .btn-outline-secondary.disabled, .dark-mode .btn-outline-secondary:disabled {
+  color: #6c757d;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
+}
+
+.dark-mode .btn-outline-success {
+  color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-outline-success:hover {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-outline-success:focus, .dark-mode .btn-outline-success.focus {
+  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
+}
+
+.dark-mode .btn-outline-success.disabled, .dark-mode .btn-outline-success:disabled {
+  color: #00bc8c;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-success.dropdown-toggle {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
+}
+
+.dark-mode .btn-outline-info {
+  color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-outline-info:hover {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-outline-info:focus, .dark-mode .btn-outline-info.focus {
+  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
+}
+
+.dark-mode .btn-outline-info.disabled, .dark-mode .btn-outline-info:disabled {
+  color: #3498db;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
+}
+
+.dark-mode .btn-outline-warning {
+  color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-outline-warning:hover {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-outline-warning:focus, .dark-mode .btn-outline-warning.focus {
+  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
+}
+
+.dark-mode .btn-outline-warning.disabled, .dark-mode .btn-outline-warning:disabled {
+  color: #f39c12;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-warning.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
+}
+
+.dark-mode .btn-outline-danger {
+  color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-outline-danger:hover {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-outline-danger:focus, .dark-mode .btn-outline-danger.focus {
+  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
+}
+
+.dark-mode .btn-outline-danger.disabled, .dark-mode .btn-outline-danger:disabled {
+  color: #e74c3c;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
+}
+
+.dark-mode .btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-outline-light:hover {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-outline-light:focus, .dark-mode .btn-outline-light.focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.dark-mode .btn-outline-light.disabled, .dark-mode .btn-outline-light:disabled {
+  color: #f8f9fa;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-light.dropdown-toggle {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
+}
+
+.dark-mode .btn-outline-dark {
+  color: #060708;
+  border-color: #060708;
+}
+
+.dark-mode .btn-outline-dark:hover {
+  color: #fff;
+  background-color: #060708;
+  border-color: #060708;
+}
+
+.dark-mode .btn-outline-dark:focus, .dark-mode .btn-outline-dark.focus {
+  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
+}
+
+.dark-mode .btn-outline-dark.disabled, .dark-mode .btn-outline-dark:disabled {
+  color: #060708;
+  background-color: transparent;
+}
+
+.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
+.show > .dark-mode .btn-outline-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #060708;
+  border-color: #060708;
+}
+
+.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show > .dark-mode .btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
+}
+
+.callout {
+  border-radius: 0.25rem;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #fff;
+  border-left: 5px solid #e9ecef;
+  margin-bottom: 1rem;
+  padding: 1rem;
+}
+
+.callout a {
+  color: #495057;
+  text-decoration: underline;
+}
+
+.callout a:hover {
+  color: #e9ecef;
+}
+
+.callout p:last-child {
+  margin-bottom: 0;
+}
+
+.callout.callout-danger {
+  border-left-color: #bd2130;
+}
+
+.callout.callout-warning {
+  border-left-color: #d39e00;
+}
+
+.callout.callout-info {
+  border-left-color: #117a8b;
+}
+
+.callout.callout-success {
+  border-left-color: #1e7e34;
+}
+
+.dark-mode .callout {
+  background-color: #3f474e;
+}
+
+.dark-mode .callout.callout-danger {
+  border-left-color: #ed7669;
+}
+
+.dark-mode .callout.callout-warning {
+  border-left-color: #f5b043;
+}
+
+.dark-mode .callout.callout-info {
+  border-left-color: #5faee3;
+}
+
+.dark-mode .callout.callout-success {
+  border-left-color: #00efb2;
+}
+
+.alert .icon {
+  margin-right: 10px;
+}
+
+.alert .close, .alert .mailbox-attachment-close {
+  color: #000;
+  opacity: .2;
+}
+
+.alert .close:hover, .alert .mailbox-attachment-close:hover {
+  opacity: .5;
+}
+
+.alert a {
+  color: #fff;
+  text-decoration: underline;
+}
+
+.alert-primary {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #006fe6;
+}
+
+.alert-default-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.alert-default-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.alert-default-primary .alert-link {
+  color: #002752;
+}
+
+.alert-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #60686f;
+}
+
+.alert-default-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.alert-default-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.alert-default-secondary .alert-link {
+  color: #202326;
+}
+
+.alert-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #23923d;
+}
+
+.alert-default-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-default-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.alert-default-success .alert-link {
+  color: #0b2e13;
+}
+
+.alert-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #148ea1;
+}
+
+.alert-default-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.alert-default-info hr {
+  border-top-color: #abdde5;
+}
+
+.alert-default-info .alert-link {
+  color: #062c33;
+}
+
+.alert-warning {
+  color: #1f2d3d;
+  background-color: #ffc107;
+  border-color: #edb100;
+}
+
+.alert-default-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.alert-default-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.alert-default-warning .alert-link {
+  color: #533f03;
+}
+
+.alert-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #d32535;
+}
+
+.alert-default-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-default-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.alert-default-danger .alert-link {
+  color: #491217;
+}
+
+.alert-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+}
+
+.alert-default-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.alert-default-light hr {
+  border-top-color: #ececf6;
+}
+
+.alert-default-light .alert-link {
+  color: #686868;
+}
+
+.alert-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #292d32;
+}
+
+.alert-default-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.alert-default-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.alert-default-dark .alert-link {
+  color: #040505;
+}
+
+.dark-mode .alert-primary {
+  color: #fff;
+  background-color: #3f6791;
+  border-color: #375a7f;
+}
+
+.dark-mode .alert-default-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.dark-mode .alert-default-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.dark-mode .alert-default-primary .alert-link {
+  color: #002752;
+}
+
+.dark-mode .alert-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #60686f;
+}
+
+.dark-mode .alert-default-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.dark-mode .alert-default-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.dark-mode .alert-default-secondary .alert-link {
+  color: #202326;
+}
+
+.dark-mode .alert-success {
+  color: #fff;
+  background-color: #00bc8c;
+  border-color: #00a379;
+}
+
+.dark-mode .alert-default-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.dark-mode .alert-default-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.dark-mode .alert-default-success .alert-link {
+  color: #0b2e13;
+}
+
+.dark-mode .alert-info {
+  color: #fff;
+  background-color: #3498db;
+  border-color: #258cd1;
+}
+
+.dark-mode .alert-default-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.dark-mode .alert-default-info hr {
+  border-top-color: #abdde5;
+}
+
+.dark-mode .alert-default-info .alert-link {
+  color: #062c33;
+}
+
+.dark-mode .alert-warning {
+  color: #1f2d3d;
+  background-color: #f39c12;
+  border-color: #e08e0b;
+}
+
+.dark-mode .alert-default-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.dark-mode .alert-default-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.dark-mode .alert-default-warning .alert-link {
+  color: #533f03;
+}
+
+.dark-mode .alert-danger {
+  color: #fff;
+  background-color: #e74c3c;
+  border-color: #e43725;
+}
+
+.dark-mode .alert-default-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.dark-mode .alert-default-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.dark-mode .alert-default-danger .alert-link {
+  color: #491217;
+}
+
+.dark-mode .alert-light {
+  color: #1f2d3d;
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+}
+
+.dark-mode .alert-default-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.dark-mode .alert-default-light hr {
+  border-top-color: #ececf6;
+}
+
+.dark-mode .alert-default-light .alert-link {
+  color: #686868;
+}
+
+.dark-mode .alert-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #292d32;
+}
+
+.dark-mode .alert-default-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.dark-mode .alert-default-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.dark-mode .alert-default-dark .alert-link {
+  color: #040505;
+}
+
+.table:not(.table-dark) {
+  color: inherit;
+}
+
+.table.table-head-fixed thead tr:nth-child(1) th {
+  background-color: #fff;
+  border-bottom: 0;
+  box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+
+.table.table-head-fixed.table-dark thead tr:nth-child(1) th {
+  background-color: #212529;
+  box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45;
+}
+
+.table.no-border,
+.table.no-border td,
+.table.no-border th {
+  border: 0;
+}
+
+.table.text-center,
+.table.text-center td,
+.table.text-center th {
+  text-align: center;
+}
+
+.table.table-valign-middle thead > tr > th,
+.table.table-valign-middle thead > tr > td,
+.table.table-valign-middle tbody > tr > th,
+.table.table-valign-middle tbody > tr > td {
+  vertical-align: middle;
+}
+
+.card-body.p-0 .table thead > tr > th:first-of-type,
+.card-body.p-0 .table thead > tr > td:first-of-type,
+.card-body.p-0 .table tfoot > tr > th:first-of-type,
+.card-body.p-0 .table tfoot > tr > td:first-of-type,
+.card-body.p-0 .table tbody > tr > th:first-of-type,
+.card-body.p-0 .table tbody > tr > td:first-of-type {
+  padding-left: 1.5rem;
+}
+
+.card-body.p-0 .table thead > tr > th:last-of-type,
+.card-body.p-0 .table thead > tr > td:last-of-type,
+.card-body.p-0 .table tfoot > tr > th:last-of-type,
+.card-body.p-0 .table tfoot > tr > td:last-of-type,
+.card-body.p-0 .table tbody > tr > th:last-of-type,
+.card-body.p-0 .table tbody > tr > td:last-of-type {
+  padding-right: 1.5rem;
+}
+
+.table-hover tbody tr.expandable-body:hover {
+  background-color: inherit !important;
+}
+
+[data-widget="expandable-table"] {
+  cursor: pointer;
+}
+
+[data-widget="expandable-table"] i.expandable-table-caret {
+  transition: transform 0.3s linear;
+}
+
+[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="right"] {
+  transform: rotate(90deg);
+}
+
+[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="left"] {
+  transform: rotate(-90deg);
+}
+
+[aria-expanded="true"] {
+  cursor: pointer;
+}
+
+[aria-expanded="true"] i.expandable-table-caret {
+  transition: transform 0.3s linear;
+}
+
+[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="right"] {
+  transform: rotate(90deg);
+}
+
+[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="left"] {
+  transform: rotate(-90deg);
+}
+
+.expandable-body > td {
+  padding: 0 !important;
+  width: 100%;
+}
+
+.expandable-body > td > div,
+.expandable-body > td > p {
+  padding: 0.75rem;
+}
+
+.expandable-body .table {
+  width: calc(100% - 0.75rem);
+  margin: 0 0 0 0.75rem;
+}
+
+.expandable-body .table tr:first-child td,
+.expandable-body .table tr:first-child th {
+  border-top: none;
+}
+
+.dark-mode .table-bordered,
+.dark-mode .table-bordered td,
+.dark-mode .table-bordered th {
+  border-color: #6c757d;
+}
+
+.dark-mode .table-hover tbody tr:hover {
+  color: #dee2e6;
+  background-color: #3a4047;
+  border-color: #6c757d;
+}
+
+.dark-mode .table thead th {
+  border-bottom-color: #6c757d;
+}
+
+.dark-mode .table th,
+.dark-mode .table td {
+  border-top-color: #6c757d;
+}
+
+.dark-mode .table.table-head-fixed thead tr:nth-child(1) th {
+  background-color: #3f474e;
+}
+
+.carousel-control-prev .carousel-control-custom-icon {
+  margin-left: -20px;
+}
+
+.carousel-control-next .carousel-control-custom-icon {
+  margin-right: 20px;
+}
+
+.carousel-control-custom-icon > .fa,
+.carousel-control-custom-icon > .fas,
+.carousel-control-custom-icon > .far,
+.carousel-control-custom-icon > .fab,
+.carousel-control-custom-icon > .fal,
+.carousel-control-custom-icon > .fad,
+.carousel-control-custom-icon > .svg-inline--fa,
+.carousel-control-custom-icon > .ion {
+  display: inline-block;
+  font-size: 40px;
+  margin-top: -20px;
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+}
+
+.close, .mailbox-attachment-close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5;
+}
+
+.close:hover, .mailbox-attachment-close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
+  opacity: .75;
+}
+
+.close:focus, .mailbox-attachment-close:focus {
+  outline: none;
+}
+
+button.close, button.mailbox-attachment-close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+a.close.disabled, a.disabled.mailbox-attachment-close {
+  pointer-events: none;
+}
+
+.small-box {
+  border-radius: 0.25rem;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
   display: block;
   margin-bottom: 20px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  position: relative;
 }
+
 .small-box > .inner {
   padding: 10px;
 }
+
 .small-box > .small-box-footer {
-  position: relative;
-  text-align: center;
-  padding: 3px 0;
-  color: #fff;
+  background-color: rgba(0, 0, 0, 0.1);
   color: rgba(255, 255, 255, 0.8);
   display: block;
-  z-index: 10;
-  background: rgba(0, 0, 0, 0.1);
+  padding: 3px 0;
+  position: relative;
+  text-align: center;
   text-decoration: none;
+  z-index: 10;
 }
+
 .small-box > .small-box-footer:hover {
+  background-color: rgba(0, 0, 0, 0.15);
   color: #fff;
-  background: rgba(0, 0, 0, 0.15);
 }
+
 .small-box h3 {
-  font-size: 38px;
-  font-weight: bold;
-  margin: 0 0 10px 0;
-  white-space: nowrap;
+  font-size: 2.2rem;
+  font-weight: 700;
+  margin: 0 0 10px;
   padding: 0;
+  white-space: nowrap;
 }
+
+@media (min-width: 992px) {
+  .col-xl-2 .small-box h3,
+  .col-lg-2 .small-box h3,
+  .col-md-2 .small-box h3 {
+    font-size: 1.6rem;
+  }
+  .col-xl-3 .small-box h3,
+  .col-lg-3 .small-box h3,
+  .col-md-3 .small-box h3 {
+    font-size: 1.6rem;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl-2 .small-box h3,
+  .col-lg-2 .small-box h3,
+  .col-md-2 .small-box h3 {
+    font-size: 2.2rem;
+  }
+  .col-xl-3 .small-box h3,
+  .col-lg-3 .small-box h3,
+  .col-md-3 .small-box h3 {
+    font-size: 2.2rem;
+  }
+}
+
 .small-box p {
-  font-size: 15px;
+  font-size: 1rem;
 }
+
 .small-box p > small {
+  color: #f8f9fa;
   display: block;
-  color: #f9f9f9;
-  font-size: 13px;
+  font-size: .9rem;
   margin-top: 5px;
 }
+
 .small-box h3,
 .small-box p {
   z-index: 5;
 }
+
 .small-box .icon {
-  transition: all 0.3s linear;
-  position: absolute;
-  top: -10px;
-  right: 10px;
-  z-index: 0;
-  font-size: 90px;
   color: rgba(0, 0, 0, 0.15);
+  z-index: 0;
 }
+
+.small-box .icon > i {
+  font-size: 90px;
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  transition: transform 0.3s linear;
+}
+
+.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion {
+  font-size: 70px;
+  top: 20px;
+}
+
+.small-box .icon svg {
+  font-size: 70px;
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  transition: transform 0.3s linear;
+}
+
 .small-box:hover {
   text-decoration: none;
-  color: #f9f9f9;
 }
-.small-box:hover .icon {
-  font-size: 95px;
+
+.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion {
+  transform: scale(1.1);
 }
-@media (max-width: 767px) {
+
+.small-box:hover .icon > svg {
+  transform: scale(1.1);
+}
+
+@media (max-width: 767.98px) {
   .small-box {
     text-align: center;
   }
@@ -16367,3827 +47986,10887 @@ a:focus {
     font-size: 12px;
   }
 }
-/*
- * Component: Box
- * --------------
- */
-.box {
+
+.info-box {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
+  background-color: #fff;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 1rem;
+  min-height: 80px;
+  padding: .5rem;
   position: relative;
-  border-radius: 3px;
-  background: #ffffff;
-  border-top: 3px solid #d2d6de;
-  margin-bottom: 20px;
   width: 100%;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
-.box.box-primary {
-  border-top-color: #3c8dbc;
+
+.info-box .progress {
+  background-color: rgba(0, 0, 0, 0.125);
+  height: 2px;
+  margin: 5px 0;
 }
-.box.box-info {
-  border-top-color: #00c0ef;
-}
-.box.box-danger {
-  border-top-color: #dd4b39;
-}
-.box.box-warning {
-  border-top-color: #f39c12;
-}
-.box.box-success {
-  border-top-color: #00a65a;
-}
-.box.box-default {
-  border-top-color: #d2d6de;
-}
-.box.collapsed-box .box-body,
-.box.collapsed-box .box-footer {
-  display: none;
-}
-.box .nav-stacked > li {
-  border-bottom: 1px solid #f4f4f4;
-  margin: 0;
-}
-.box .nav-stacked > li:last-of-type {
-  border-bottom: none;
-}
-.box.height-control .box-body {
-  max-height: 300px;
-  overflow: auto;
-}
-.box .border-right {
-  border-right: 1px solid #f4f4f4;
-}
-.box .border-left {
-  border-left: 1px solid #f4f4f4;
-}
-.box.box-solid {
-  border-top: 0;
-}
-.box.box-solid > .box-header .btn.btn-default {
-  background: transparent;
-}
-.box.box-solid > .box-header .btn:hover,
-.box.box-solid > .box-header a:hover {
-  background: rgba(0, 0, 0, 0.1);
-}
-.box.box-solid.box-default {
-  border: 1px solid #d2d6de;
-}
-.box.box-solid.box-default > .box-header {
-  color: #444;
-  background: #d2d6de;
-  background-color: #d2d6de;
-}
-.box.box-solid.box-default > .box-header a,
-.box.box-solid.box-default > .box-header .btn {
-  color: #444;
-}
-.box.box-solid.box-primary {
-  border: 1px solid #3c8dbc;
-}
-.box.box-solid.box-primary > .box-header {
-  color: #fff;
-  background: #3c8dbc;
-  background-color: #3c8dbc;
-}
-.box.box-solid.box-primary > .box-header a,
-.box.box-solid.box-primary > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-info {
-  border: 1px solid #00c0ef;
-}
-.box.box-solid.box-info > .box-header {
-  color: #fff;
-  background: #00c0ef;
-  background-color: #00c0ef;
-}
-.box.box-solid.box-info > .box-header a,
-.box.box-solid.box-info > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-danger {
-  border: 1px solid #dd4b39;
-}
-.box.box-solid.box-danger > .box-header {
-  color: #fff;
-  background: #dd4b39;
-  background-color: #dd4b39;
-}
-.box.box-solid.box-danger > .box-header a,
-.box.box-solid.box-danger > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-warning {
-  border: 1px solid #f39c12;
-}
-.box.box-solid.box-warning > .box-header {
-  color: #fff;
-  background: #f39c12;
-  background-color: #f39c12;
-}
-.box.box-solid.box-warning > .box-header a,
-.box.box-solid.box-warning > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid.box-success {
-  border: 1px solid #00a65a;
-}
-.box.box-solid.box-success > .box-header {
-  color: #fff;
-  background: #00a65a;
-  background-color: #00a65a;
-}
-.box.box-solid.box-success > .box-header a,
-.box.box-solid.box-success > .box-header .btn {
-  color: #fff;
-}
-.box.box-solid > .box-header > .box-tools .btn {
-  border: 0;
-  box-shadow: none;
-}
-.box.box-solid[class*='bg'] > .box-header {
-  color: #fff;
-}
-.box .box-group > .box {
-  margin-bottom: 5px;
-}
-.box .knob-label {
-  text-align: center;
-  color: #333;
-  font-weight: 100;
-  font-size: 12px;
-  margin-bottom: 0.3em;
-}
-.box > .overlay,
-.overlay-wrapper > .overlay,
-.box > .loading-img,
-.overlay-wrapper > .loading-img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.box .overlay,
-.overlay-wrapper .overlay {
-  z-index: 50;
-  background: rgba(255, 255, 255, 0.7);
-  border-radius: 3px;
-}
-.box .overlay > .fa,
-.overlay-wrapper .overlay > .fa {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-left: -15px;
-  margin-top: -15px;
-  color: #000;
-  font-size: 30px;
-}
-.box .overlay.dark,
-.overlay-wrapper .overlay.dark {
-  background: rgba(0, 0, 0, 0.5);
-}
-.box-header:before,
-.box-body:before,
-.box-footer:before,
-.box-header:after,
-.box-body:after,
-.box-footer:after {
-  content: " ";
-  display: table;
-}
-.box-header:after,
-.box-body:after,
-.box-footer:after {
-  clear: both;
-}
-.box-header {
-  color: #444;
-  display: block;
-  padding: 10px;
-  position: relative;
-}
-.box-header.with-border {
-  border-bottom: 1px solid #f4f4f4;
-}
-.collapsed-box .box-header.with-border {
-  border-bottom: none;
-}
-.box-header > .fa,
-.box-header > .glyphicon,
-.box-header > .ion,
-.box-header .box-title {
-  display: inline-block;
-  font-size: 18px;
-  margin: 0;
-  line-height: 1;
-}
-.box-header > .fa,
-.box-header > .glyphicon,
-.box-header > .ion {
-  margin-right: 5px;
-}
-.box-header > .box-tools {
-  float: right;
-  margin-top: -5px;
-  margin-bottom: -5px;
-}
-.box-header > .box-tools [data-toggle="tooltip"] {
-  position: relative;
-}
-.box-header > .box-tools.pull-right .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-.box-header > .box-tools .dropdown-menu > li > a {
-  color: #444 !important;
-}
-.btn-box-tool {
-  padding: 5px;
-  font-size: 12px;
-  background: transparent;
-  color: #97a0b3;
-}
-.open .btn-box-tool,
-.btn-box-tool:hover {
-  color: #606c84;
-}
-.btn-box-tool.btn:active {
-  box-shadow: none;
-}
-.box-body {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  padding: 10px;
-}
-.no-header .box-body {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.box-body > .table {
-  margin-bottom: 0;
-}
-.box-body .fc {
-  margin-top: 5px;
-}
-.box-body .full-width-chart {
-  margin: -19px;
-}
-.box-body.no-padding .full-width-chart {
-  margin: -9px;
-}
-.box-body .box-pane {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 3px;
-}
-.box-body .box-pane-right {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 0;
-}
-.box-footer {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-top: 1px solid #f4f4f4;
-  padding: 10px;
+
+.info-box .progress .progress-bar {
   background-color: #fff;
 }
-.chart-legend {
-  margin: 10px 0;
-}
-@media (max-width: 991px) {
-  .chart-legend > li {
-    float: left;
-    margin-right: 10px;
-  }
-}
-.box-comments {
-  background: #f7f7f7;
-}
-.box-comments .box-comment {
-  padding: 8px 0;
-  border-bottom: 1px solid #eee;
-}
-.box-comments .box-comment:before,
-.box-comments .box-comment:after {
-  content: " ";
-  display: table;
-}
-.box-comments .box-comment:after {
-  clear: both;
-}
-.box-comments .box-comment:last-of-type {
-  border-bottom: 0;
-}
-.box-comments .box-comment:first-of-type {
-  padding-top: 0;
-}
-.box-comments .box-comment img {
-  float: left;
-}
-.box-comments .comment-text {
-  margin-left: 40px;
-  color: #555;
-}
-.box-comments .username {
-  color: #444;
-  display: block;
-  font-weight: 600;
-}
-.box-comments .text-muted {
-  font-weight: 400;
-  font-size: 12px;
-}
-/* Widget: TODO LIST */
-.todo-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow: auto;
-}
-.todo-list > li {
-  border-radius: 2px;
-  padding: 10px;
-  background: #f4f4f4;
-  margin-bottom: 2px;
-  border-left: 2px solid #e6e7e8;
-  color: #444;
-}
-.todo-list > li:last-of-type {
-  margin-bottom: 0;
-}
-.todo-list > li > input[type='checkbox'] {
-  margin: 0 10px 0 5px;
-}
-.todo-list > li .text {
-  display: inline-block;
-  margin-left: 5px;
-  font-weight: 600;
-}
-.todo-list > li .label {
-  margin-left: 10px;
-  font-size: 9px;
-}
-.todo-list > li .tools {
-  display: none;
-  float: right;
-  color: #dd4b39;
-}
-.todo-list > li .tools > .fa,
-.todo-list > li .tools > .glyphicon,
-.todo-list > li .tools > .ion {
-  margin-right: 5px;
-  cursor: pointer;
-}
-.todo-list > li:hover .tools {
-  display: inline-block;
-}
-.todo-list > li.done {
-  color: #999;
-}
-.todo-list > li.done .text {
-  text-decoration: line-through;
-  font-weight: 500;
-}
-.todo-list > li.done .label {
-  background: #d2d6de !important;
-}
-.todo-list .danger {
-  border-left-color: #dd4b39;
-}
-.todo-list .warning {
-  border-left-color: #f39c12;
-}
-.todo-list .info {
-  border-left-color: #00c0ef;
-}
-.todo-list .success {
-  border-left-color: #00a65a;
-}
-.todo-list .primary {
-  border-left-color: #3c8dbc;
-}
-.todo-list .handle {
-  display: inline-block;
-  cursor: move;
-  margin: 0 5px;
-}
-/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
-.chat {
-  padding: 5px 20px 5px 10px;
-}
-.chat .item {
-  margin-bottom: 10px;
-}
-.chat .item:before,
-.chat .item:after {
-  content: " ";
-  display: table;
-}
-.chat .item:after {
-  clear: both;
-}
-.chat .item > img {
-  width: 40px;
-  height: 40px;
-  border: 2px solid transparent;
-  border-radius: 50%;
-}
-.chat .item > .online {
-  border: 2px solid #00a65a;
-}
-.chat .item > .offline {
-  border: 2px solid #dd4b39;
-}
-.chat .item > .message {
-  margin-left: 55px;
-  margin-top: -40px;
-}
-.chat .item > .message > .name {
-  display: block;
-  font-weight: 600;
-}
-.chat .item > .attachment {
-  border-radius: 3px;
-  background: #f4f4f4;
-  margin-left: 65px;
-  margin-right: 15px;
-  padding: 10px;
-}
-.chat .item > .attachment > h4 {
-  margin: 0 0 5px 0;
-  font-weight: 600;
-  font-size: 14px;
-}
-.chat .item > .attachment > p,
-.chat .item > .attachment > .filename {
-  font-weight: 600;
-  font-size: 13px;
-  font-style: italic;
-  margin: 0;
-}
-.chat .item > .attachment:before,
-.chat .item > .attachment:after {
-  content: " ";
-  display: table;
-}
-.chat .item > .attachment:after {
-  clear: both;
-}
-.box-input {
-  max-width: 200px;
-}
-.modal .panel-body {
-  color: #444;
-}
-/*
- * Component: Info Box
- * -------------------
- */
-.info-box {
-  display: block;
-  min-height: 90px;
-  background: #fff;
-  width: 100%;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  margin-bottom: 15px;
-}
-.info-box small {
-  font-size: 14px;
-}
-.info-box .progress {
-  background: rgba(0, 0, 0, 0.2);
-  margin: 5px -10px 5px -10px;
-  height: 2px;
-}
-.info-box .progress,
-.info-box .progress .progress-bar {
-  border-radius: 0;
-}
-.info-box .progress .progress-bar {
-  background: #fff;
-}
-.info-box-icon {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
-  display: block;
-  float: left;
-  height: 90px;
-  width: 90px;
+
+.info-box .info-box-icon {
+  border-radius: 0.25rem;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.875rem;
+  -ms-flex-pack: center;
+  justify-content: center;
   text-align: center;
-  font-size: 45px;
-  line-height: 90px;
-  background: rgba(0, 0, 0, 0.2);
+  width: 70px;
 }
-.info-box-icon > img {
+
+.info-box .info-box-icon > img {
   max-width: 100%;
 }
-.info-box-content {
-  padding: 5px 10px;
-  margin-left: 90px;
+
+.info-box .info-box-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  line-height: 1.8;
+  -ms-flex: 1;
+  flex: 1;
+  padding: 0 10px;
+  overflow: hidden;
 }
-.info-box-number {
+
+.info-box .info-box-number {
   display: block;
-  font-weight: bold;
-  font-size: 18px;
+  margin-top: .25rem;
+  font-weight: 700;
 }
-.progress-description,
-.info-box-text {
+
+.info-box .progress-description,
+.info-box .info-box-text {
   display: block;
-  font-size: 14px;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.info-box-text {
-  text-transform: uppercase;
+
+.info-box .info-box .bg-primary,
+.info-box .info-box .bg-gradient-primary {
+  color: #fff;
 }
-.info-box-more {
+
+.info-box .info-box .bg-primary .progress-bar,
+.info-box .info-box .bg-gradient-primary .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-secondary,
+.info-box .info-box .bg-gradient-secondary {
+  color: #fff;
+}
+
+.info-box .info-box .bg-secondary .progress-bar,
+.info-box .info-box .bg-gradient-secondary .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-success,
+.info-box .info-box .bg-gradient-success {
+  color: #fff;
+}
+
+.info-box .info-box .bg-success .progress-bar,
+.info-box .info-box .bg-gradient-success .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-info,
+.info-box .info-box .bg-gradient-info {
+  color: #fff;
+}
+
+.info-box .info-box .bg-info .progress-bar,
+.info-box .info-box .bg-gradient-info .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-warning,
+.info-box .info-box .bg-gradient-warning {
+  color: #1f2d3d;
+}
+
+.info-box .info-box .bg-warning .progress-bar,
+.info-box .info-box .bg-gradient-warning .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.info-box .info-box .bg-danger,
+.info-box .info-box .bg-gradient-danger {
+  color: #fff;
+}
+
+.info-box .info-box .bg-danger .progress-bar,
+.info-box .info-box .bg-gradient-danger .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box .bg-light,
+.info-box .info-box .bg-gradient-light {
+  color: #1f2d3d;
+}
+
+.info-box .info-box .bg-light .progress-bar,
+.info-box .info-box .bg-gradient-light .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.info-box .info-box .bg-dark,
+.info-box .info-box .bg-gradient-dark {
+  color: #fff;
+}
+
+.info-box .info-box .bg-dark .progress-bar,
+.info-box .info-box .bg-gradient-dark .progress-bar {
+  background-color: #fff;
+}
+
+.info-box .info-box-more {
   display: block;
 }
-.progress-description {
+
+.info-box .progress-description {
   margin: 0;
 }
-/*
- * Component: Timeline
- * -------------------
- */
-.timeline {
-  position: relative;
-  margin: 0 0 30px 0;
-  padding: 0;
-  list-style: none;
+
+@media (min-width: 768px) {
+  .col-xl-2 .info-box .progress-description,
+  .col-lg-2 .info-box .progress-description,
+  .col-md-2 .info-box .progress-description {
+    display: none;
+  }
+  .col-xl-3 .info-box .progress-description,
+  .col-lg-3 .info-box .progress-description,
+  .col-md-3 .info-box .progress-description {
+    display: none;
+  }
 }
-.timeline:before {
-  content: '';
-  position: absolute;
-  top: 0;
+
+@media (min-width: 992px) {
+  .col-xl-2 .info-box .progress-description,
+  .col-lg-2 .info-box .progress-description,
+  .col-md-2 .info-box .progress-description {
+    font-size: 0.75rem;
+    display: block;
+  }
+  .col-xl-3 .info-box .progress-description,
+  .col-lg-3 .info-box .progress-description,
+  .col-md-3 .info-box .progress-description {
+    font-size: 0.75rem;
+    display: block;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl-2 .info-box .progress-description,
+  .col-lg-2 .info-box .progress-description,
+  .col-md-2 .info-box .progress-description {
+    font-size: 1rem;
+    display: block;
+  }
+  .col-xl-3 .info-box .progress-description,
+  .col-lg-3 .info-box .progress-description,
+  .col-md-3 .info-box .progress-description {
+    font-size: 1rem;
+    display: block;
+  }
+}
+
+.dark-mode .info-box {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-primary,
+.dark-mode .info-box .info-box .bg-gradient-primary {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-primary .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-secondary,
+.dark-mode .info-box .info-box .bg-gradient-secondary {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-secondary .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-success,
+.dark-mode .info-box .info-box .bg-gradient-success {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-success .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-success .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-info,
+.dark-mode .info-box .info-box .bg-gradient-info {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-info .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-info .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-warning,
+.dark-mode .info-box .info-box .bg-gradient-warning {
+  color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-warning .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-danger,
+.dark-mode .info-box .info-box .bg-gradient-danger {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-danger .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar {
+  background-color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-light,
+.dark-mode .info-box .info-box .bg-gradient-light {
+  color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-light .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-light .progress-bar {
+  background-color: #1f2d3d;
+}
+
+.dark-mode .info-box .info-box .bg-dark,
+.dark-mode .info-box .info-box .bg-gradient-dark {
+  color: #fff;
+}
+
+.dark-mode .info-box .info-box .bg-dark .progress-bar,
+.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar {
+  background-color: #fff;
+}
+
+.timeline {
+  margin: 0 0 45px;
+  padding: 0;
+  position: relative;
+}
+
+.timeline::before {
+  border-radius: 0.25rem;
+  background-color: #dee2e6;
   bottom: 0;
-  width: 4px;
-  background: #ddd;
+  content: "";
   left: 31px;
   margin: 0;
-  border-radius: 2px;
+  position: absolute;
+  top: 0;
+  width: 4px;
 }
-.timeline > li {
-  position: relative;
-  margin-right: 10px;
+
+.timeline > div {
   margin-bottom: 15px;
+  margin-right: 10px;
+  position: relative;
 }
-.timeline > li:before,
-.timeline > li:after {
-  content: " ";
+
+.timeline > div::before, .timeline > div::after {
+  content: "";
   display: table;
 }
-.timeline > li:after {
-  clear: both;
-}
-.timeline > li > .timeline-item {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-  margin-top: 0;
-  background: #fff;
-  color: #444;
+
+.timeline > div > .timeline-item {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
+  background-color: #fff;
+  color: #495057;
   margin-left: 60px;
   margin-right: 15px;
+  margin-top: 0;
   padding: 0;
   position: relative;
 }
-.timeline > li > .timeline-item > .time {
+
+.timeline > div > .timeline-item > .time {
   color: #999;
   float: right;
-  padding: 10px;
   font-size: 12px;
-}
-.timeline > li > .timeline-item > .timeline-header {
-  margin: 0;
-  color: #555;
-  border-bottom: 1px solid #f4f4f4;
   padding: 10px;
+}
+
+.timeline > div > .timeline-item > .timeline-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  color: #495057;
   font-size: 16px;
   line-height: 1.1;
-}
-.timeline > li > .timeline-item > .timeline-header > a {
-  font-weight: 600;
-}
-.timeline > li > .timeline-item > .timeline-body,
-.timeline > li > .timeline-item > .timeline-footer {
+  margin: 0;
   padding: 10px;
 }
-.timeline > li > .fa,
-.timeline > li > .glyphicon,
-.timeline > li > .ion {
-  width: 30px;
+
+.timeline > div > .timeline-item > .timeline-header > a {
+  font-weight: 600;
+}
+
+.timeline > div > .timeline-item > .timeline-body,
+.timeline > div > .timeline-item > .timeline-footer {
+  padding: 10px;
+}
+
+.timeline > div > .timeline-item > .timeline-body > img {
+  margin: 10px;
+}
+
+.timeline > div > .timeline-item > .timeline-body > dl,
+.timeline > div > .timeline-item > .timeline-body ol,
+.timeline > div > .timeline-item > .timeline-body ul {
+  margin: 0;
+}
+
+.timeline > div > .timeline-item > .timeline-footer > a {
+  color: #fff;
+}
+
+.timeline > div > .fa,
+.timeline > div > .fas,
+.timeline > div > .far,
+.timeline > div > .fab,
+.timeline > div > .fal,
+.timeline > div > .fad,
+.timeline > div > .svg-inline--fa,
+.timeline > div > .ion {
+  background-color: #adb5bd;
+  border-radius: 50%;
+  font-size: 16px;
   height: 30px;
-  font-size: 15px;
+  left: 18px;
   line-height: 30px;
   position: absolute;
-  color: #666;
-  background: #d2d6de;
-  border-radius: 50%;
   text-align: center;
-  left: 18px;
   top: 0;
+  width: 30px;
 }
+
+.timeline > div > .svg-inline--fa {
+  padding: 7px;
+}
+
 .timeline > .time-label > span {
+  border-radius: 4px;
+  background-color: #fff;
+  display: inline-block;
   font-weight: 600;
   padding: 5px;
-  display: inline-block;
-  background-color: #fff;
-  border-radius: 4px;
 }
-.timeline-inverse > li > .timeline-item {
-  background: #f0f0f0;
-  border: 1px solid #ddd;
+
+.timeline-inverse > div > .timeline-item {
   box-shadow: none;
+  background-color: #f8f9fa;
+  border: 1px solid #dee2e6;
 }
-.timeline-inverse > li > .timeline-item > .timeline-header {
-  border-bottom-color: #ddd;
+
+.timeline-inverse > div > .timeline-item > .timeline-header {
+  border-bottom-color: #dee2e6;
 }
-/*
- * Component: Button
- * -----------------
- */
-.btn {
-  border-radius: 3px;
-  box-shadow: none;
-  border: 1px solid transparent;
+
+.dark-mode .timeline::before {
+  background-color: #6c757d;
 }
-.btn.uppercase {
-  text-transform: uppercase;
-}
-.btn.btn-flat {
-  border-radius: 0;
-  box-shadow: none;
-  border-width: 1px;
-}
-.btn:active {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn:focus {
-  outline: none;
-}
-.btn.btn-file {
-  position: relative;
-  overflow: hidden;
-}
-.btn.btn-file > input[type='file'] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  outline: none;
-  background: white;
-  cursor: inherit;
-  display: block;
-}
-.btn-default {
-  background-color: #f4f4f4;
-  color: #444;
-  border-color: #ddd;
-}
-.btn-default:hover,
-.btn-default:active,
-.btn-default.hover {
-  background-color: #e7e7e7;
-}
-.btn-primary {
-  background-color: #3c8dbc;
-  border-color: #367fa9;
-}
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary.hover {
-  background-color: #367fa9;
-}
-.btn-success {
-  background-color: #00a65a;
-  border-color: #008d4c;
-}
-.btn-success:hover,
-.btn-success:active,
-.btn-success.hover {
-  background-color: #008d4c;
-}
-.btn-info {
-  background-color: #00c0ef;
-  border-color: #00acd6;
-}
-.btn-info:hover,
-.btn-info:active,
-.btn-info.hover {
-  background-color: #00acd6;
-}
-.btn-danger {
-  background-color: #dd4b39;
-  border-color: #d73925;
-}
-.btn-danger:hover,
-.btn-danger:active,
-.btn-danger.hover {
-  background-color: #d73925;
-}
-.btn-warning {
-  background-color: #f39c12;
-  border-color: #e08e0b;
-}
-.btn-warning:hover,
-.btn-warning:active,
-.btn-warning.hover {
-  background-color: #e08e0b;
-}
-.btn-outline {
-  border: 1px solid #fff;
-  background: transparent;
+
+.dark-mode .timeline > div > .timeline-item {
+  background-color: #343a40;
   color: #fff;
+  border-color: #6c757d;
 }
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
-  color: rgba(255, 255, 255, 0.7);
-  border-color: rgba(255, 255, 255, 0.7);
+
+.dark-mode .timeline > div > .timeline-item > .timeline-header {
+  color: #ced4da;
+  border-color: #6c757d;
 }
-.btn-link {
-  box-shadow: none;
+
+.dark-mode .timeline > div > .timeline-item > .time {
+  color: #ced4da;
 }
-.btn[class*='bg-']:hover {
-  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
-}
-.btn-app {
-  border-radius: 3px;
-  position: relative;
-  padding: 15px 5px;
-  margin: 0 0 10px 10px;
-  min-width: 80px;
-  height: 60px;
-  text-align: center;
-  color: #666;
-  border: 1px solid #ddd;
-  background-color: #f4f4f4;
-  font-size: 12px;
-}
-.btn-app > .fa,
-.btn-app > .glyphicon,
-.btn-app > .ion {
-  font-size: 20px;
-  display: block;
-}
-.btn-app:hover {
-  background: #f4f4f4;
-  color: #444;
-  border-color: #aaa;
-}
-.btn-app:active,
-.btn-app:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn-app > .badge {
-  position: absolute;
-  top: -3px;
-  right: -10px;
-  font-size: 10px;
-  font-weight: 400;
-}
-/*
- * Component: Callout
- * ------------------
- */
-.callout {
-  border-radius: 3px;
-  margin: 0 0 20px 0;
-  padding: 15px 30px 15px 15px;
-  border-left: 5px solid #eee;
-}
-.callout a {
-  color: #fff;
-  text-decoration: underline;
-}
-.callout a:hover {
-  color: #eee;
-}
-.callout h4 {
-  margin-top: 0;
-  font-weight: 600;
-}
-.callout p:last-child {
-  margin-bottom: 0;
-}
-.callout code,
-.callout .highlight {
-  background-color: #fff;
-}
-.callout.callout-danger {
-  border-color: #c23321;
-}
-.callout.callout-warning {
-  border-color: #c87f0a;
-}
-.callout.callout-info {
-  border-color: #0097bc;
-}
-.callout.callout-success {
-  border-color: #00733e;
-}
-/*
- * Component: alert
- * ----------------
- */
-.alert {
-  border-radius: 3px;
-}
-.alert h4 {
-  font-weight: 600;
-}
-.alert .icon {
-  margin-right: 10px;
-}
-.alert .close {
-  color: #000;
-  opacity: 0.2;
-  filter: alpha(opacity=20);
-}
-.alert .close:hover {
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-}
-.alert a {
-  color: #fff;
-  text-decoration: underline;
-}
-.alert-success {
-  border-color: #008d4c;
-}
-.alert-danger,
-.alert-error {
-  border-color: #d73925;
-}
-.alert-warning {
-  border-color: #e08e0b;
-}
-.alert-info {
-  border-color: #00acd6;
-}
-/*
- * Component: Nav
- * --------------
- */
-.nav > li > a:hover,
-.nav > li > a:active,
-.nav > li > a:focus {
-  color: #444;
-  background: #f7f7f7;
-}
-/* NAV PILLS */
-.nav-pills > li > a {
-  border-radius: 0;
-  border-top: 3px solid transparent;
-  color: #444;
-}
-.nav-pills > li > a > .fa,
-.nav-pills > li > a > .glyphicon,
-.nav-pills > li > a > .ion {
-  margin-right: 5px;
-}
-.nav-pills > li.active > a,
-.nav-pills > li.active > a:hover,
-.nav-pills > li.active > a:focus {
-  border-top-color: #3c8dbc;
-}
-.nav-pills > li.active > a {
-  font-weight: 600;
-}
-/* NAV STACKED */
-.nav-stacked > li > a {
-  border-radius: 0;
-  border-top: 0;
-  border-left: 3px solid transparent;
-  color: #444;
-}
-.nav-stacked > li.active > a,
-.nav-stacked > li.active > a:hover {
-  background: transparent;
-  color: #444;
-  border-top: 0;
-  border-left-color: #3c8dbc;
-}
-.nav-stacked > li.header {
-  border-bottom: 1px solid #ddd;
-  color: #777;
-  margin-bottom: 10px;
-  padding: 5px 10px;
-  text-transform: uppercase;
-}
-/* NAV TABS */
-.nav-tabs-custom {
-  margin-bottom: 20px;
-  background: #fff;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-}
-.nav-tabs-custom > .nav-tabs {
-  margin: 0;
-  border-bottom-color: #f4f4f4;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.nav-tabs-custom > .nav-tabs > li {
-  border-top: 3px solid transparent;
-  margin-bottom: -2px;
-  margin-right: 5px;
-}
-.nav-tabs-custom > .nav-tabs > li.disabled > a {
-  color: #777;
-}
-.nav-tabs-custom > .nav-tabs > li > a {
-  color: #444;
-  border-radius: 0;
-}
-.nav-tabs-custom > .nav-tabs > li > a.text-muted {
-  color: #999;
-}
-.nav-tabs-custom > .nav-tabs > li > a,
-.nav-tabs-custom > .nav-tabs > li > a:hover {
-  background: transparent;
-  margin: 0;
-}
-.nav-tabs-custom > .nav-tabs > li > a:hover {
-  color: #999;
-}
-.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
-.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
-.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
-  border-color: transparent;
-}
-.nav-tabs-custom > .nav-tabs > li.active {
-  border-top-color: #3c8dbc;
-}
-.nav-tabs-custom > .nav-tabs > li.active > a,
-.nav-tabs-custom > .nav-tabs > li.active:hover > a {
-  background-color: #fff;
-  color: #444;
-}
-.nav-tabs-custom > .nav-tabs > li.active > a {
-  border-top-color: transparent;
-  border-left-color: #f4f4f4;
-  border-right-color: #f4f4f4;
-}
-.nav-tabs-custom > .nav-tabs > li:first-of-type {
-  margin-left: 0;
-}
-.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
-  border-left-color: transparent;
-}
-.nav-tabs-custom > .nav-tabs.pull-right {
-  float: none !important;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li {
-  float: right;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
-  margin-right: 0;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
-  border-left-width: 1px;
-}
-.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
-  border-left-color: #f4f4f4;
-  border-right-color: transparent;
-}
-.nav-tabs-custom > .nav-tabs > li.header {
-  line-height: 35px;
-  padding: 0 10px;
-  font-size: 20px;
-  color: #444;
-}
-.nav-tabs-custom > .nav-tabs > li.header > .fa,
-.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
-.nav-tabs-custom > .nav-tabs > li.header > .ion {
-  margin-right: 5px;
-}
-.nav-tabs-custom > .tab-content {
-  background: #fff;
-  padding: 10px;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.nav-tabs-custom .dropdown.open > a:active,
-.nav-tabs-custom .dropdown.open > a:focus {
-  background: transparent;
-  color: #999;
-}
-.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
-  border-top-color: #3c8dbc;
-}
-.nav-tabs-custom.tab-info > .nav-tabs > li.active {
-  border-top-color: #00c0ef;
-}
-.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
-  border-top-color: #dd4b39;
-}
-.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
-  border-top-color: #f39c12;
-}
-.nav-tabs-custom.tab-success > .nav-tabs > li.active {
-  border-top-color: #00a65a;
-}
-.nav-tabs-custom.tab-default > .nav-tabs > li.active {
-  border-top-color: #d2d6de;
-}
-/* PAGINATION */
-.pagination > li > a {
-  background: #fafafa;
-  color: #666;
-}
-.pagination.pagination-flat > li > a {
-  border-radius: 0 !important;
-}
-/*
- * Component: Products List
- * ------------------------
- */
+
 .products-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 .products-list > .item {
-  border-radius: 3px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 0.25rem;
+  background-color: #fff;
   padding: 10px 0;
-  background: #fff;
 }
-.products-list > .item:before,
-.products-list > .item:after {
-  content: " ";
-  display: table;
-}
-.products-list > .item:after {
+
+.products-list > .item::after {
+  display: block;
   clear: both;
+  content: "";
 }
+
 .products-list .product-img {
   float: left;
 }
+
 .products-list .product-img img {
-  width: 50px;
   height: 50px;
+  width: 50px;
 }
+
 .products-list .product-info {
   margin-left: 60px;
 }
+
 .products-list .product-title {
   font-weight: 600;
 }
+
 .products-list .product-description {
+  color: #6c757d;
   display: block;
-  color: #999;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.product-list-in-box > .item {
-  box-shadow: none;
+
+.product-list-in-card > .item {
   border-radius: 0;
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }
-.product-list-in-box > .item:last-of-type {
+
+.product-list-in-card > .item:last-of-type {
   border-bottom-width: 0;
 }
-/*
- * Component: Table
- * ----------------
- */
-.table > thead > tr > th,
-.table > tbody > tr > th,
-.table > tfoot > tr > th,
-.table > thead > tr > td,
-.table > tbody > tr > td,
-.table > tfoot > tr > td {
-  border-top: 1px solid #f4f4f4;
+
+.dark-mode .products-list > .item {
+  background-color: #343a40;
+  color: #fff;
+  border-bottom-color: #6c757d;
 }
-.table > thead > tr > th {
-  border-bottom: 2px solid #f4f4f4;
+
+.dark-mode .product-description {
+  color: #ced4da;
 }
-.table tr td .progress {
-  margin-top: 5px;
-}
-.table-bordered {
-  border: 1px solid #f4f4f4;
-}
-.table-bordered > thead > tr > th,
-.table-bordered > tbody > tr > th,
-.table-bordered > tfoot > tr > th,
-.table-bordered > thead > tr > td,
-.table-bordered > tbody > tr > td,
-.table-bordered > tfoot > tr > td {
-  border: 1px solid #f4f4f4;
-}
-.table-bordered > thead > tr > th,
-.table-bordered > thead > tr > td {
-  border-bottom-width: 2px;
-}
-.table.no-border,
-.table.no-border td,
-.table.no-border th {
-  border: 0;
-}
-/* .text-center in tables */
-table.text-center,
-table.text-center td,
-table.text-center th {
-  text-align: center;
-}
-.table.align th {
-  text-align: left;
-}
-.table.align td {
-  text-align: right;
-}
-/*
- * Component: Label
- * ----------------
- */
-.label-default {
-  background-color: #d2d6de;
-  color: #444;
-}
-/*
- * Component: Direct Chat
- * ----------------------
- */
-.direct-chat .box-body {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  position: relative;
+
+.direct-chat .card-body {
   overflow-x: hidden;
   padding: 0;
+  position: relative;
 }
+
 .direct-chat.chat-pane-open .direct-chat-contacts {
   transform: translate(0, 0);
 }
+
+.direct-chat.timestamp-light .direct-chat-timestamp {
+  color: #30465f;
+}
+
+.direct-chat.timestamp-dark .direct-chat-timestamp {
+  color: #cccccc;
+}
+
 .direct-chat-messages {
   transform: translate(0, 0);
-  padding: 10px;
   height: 250px;
   overflow: auto;
+  padding: 10px;
 }
+
 .direct-chat-msg,
 .direct-chat-text {
   display: block;
 }
+
 .direct-chat-msg {
   margin-bottom: 10px;
 }
-.direct-chat-msg:before,
-.direct-chat-msg:after {
-  content: " ";
-  display: table;
-}
-.direct-chat-msg:after {
+
+.direct-chat-msg::after {
+  display: block;
   clear: both;
+  content: "";
 }
+
 .direct-chat-messages,
 .direct-chat-contacts {
-  transition: transform 0.5s ease-in-out;
+  transition: transform .5s ease-in-out;
 }
+
 .direct-chat-text {
-  border-radius: 5px;
-  position: relative;
-  padding: 5px 10px;
-  background: #d2d6de;
+  border-radius: 0.3rem;
+  background-color: #d2d6de;
   border: 1px solid #d2d6de;
-  margin: 5px 0 0 50px;
   color: #444;
+  margin: 5px 0 0 50px;
+  padding: 5px 10px;
+  position: relative;
 }
-.direct-chat-text:after,
-.direct-chat-text:before {
+
+.direct-chat-text::after, .direct-chat-text::before {
+  border: solid transparent;
+  border-right-color: #d2d6de;
+  content: " ";
+  height: 0;
+  pointer-events: none;
   position: absolute;
   right: 100%;
   top: 15px;
-  border: solid transparent;
-  border-right-color: #d2d6de;
-  content: ' ';
-  height: 0;
   width: 0;
-  pointer-events: none;
 }
-.direct-chat-text:after {
+
+.direct-chat-text::after {
   border-width: 5px;
   margin-top: -5px;
 }
-.direct-chat-text:before {
+
+.direct-chat-text::before {
   border-width: 6px;
   margin-top: -6px;
 }
+
 .right .direct-chat-text {
-  margin-right: 50px;
   margin-left: 0;
+  margin-right: 50px;
 }
-.right .direct-chat-text:after,
-.right .direct-chat-text:before {
-  right: auto;
-  left: 100%;
-  border-right-color: transparent;
+
+.right .direct-chat-text::after, .right .direct-chat-text::before {
   border-left-color: #d2d6de;
+  border-right-color: transparent;
+  left: 100%;
+  right: auto;
 }
+
 .direct-chat-img {
   border-radius: 50%;
   float: left;
-  width: 40px;
   height: 40px;
+  width: 40px;
 }
+
 .right .direct-chat-img {
   float: right;
 }
-.direct-chat-info {
+
+.direct-chat-infos {
   display: block;
+  font-size: 0.875rem;
   margin-bottom: 2px;
-  font-size: 12px;
 }
+
 .direct-chat-name {
   font-weight: 600;
 }
+
 .direct-chat-timestamp {
-  color: #999;
+  color: #697582;
 }
+
 .direct-chat-contacts-open .direct-chat-contacts {
   transform: translate(0, 0);
 }
+
 .direct-chat-contacts {
   transform: translate(101%, 0);
+  background-color: #343a40;
+  bottom: 0;
+  color: #fff;
+  height: 250px;
+  overflow: auto;
   position: absolute;
   top: 0;
-  bottom: 0;
-  height: 250px;
   width: 100%;
-  background: #222d32;
-  color: #fff;
-  overflow: auto;
 }
+
+.direct-chat-contacts-light {
+  background-color: #f8f9fa;
+}
+
+.direct-chat-contacts-light .contacts-list-name {
+  color: #495057;
+}
+
+.direct-chat-contacts-light .contacts-list-date {
+  color: #6c757d;
+}
+
+.direct-chat-contacts-light .contacts-list-msg {
+  color: #545b62;
+}
+
+.contacts-list {
+  padding-left: 0;
+  list-style: none;
+}
+
 .contacts-list > li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  padding: 10px;
   margin: 0;
+  padding: 10px;
 }
-.contacts-list > li:before,
-.contacts-list > li:after {
-  content: " ";
-  display: table;
-}
-.contacts-list > li:after {
+
+.contacts-list > li::after {
+  display: block;
   clear: both;
+  content: "";
 }
+
 .contacts-list > li:last-of-type {
-  border-bottom: none;
+  border-bottom: 0;
 }
+
 .contacts-list-img {
   border-radius: 50%;
-  width: 40px;
   float: left;
+  width: 40px;
 }
+
 .contacts-list-info {
-  margin-left: 45px;
   color: #fff;
+  margin-left: 45px;
 }
+
 .contacts-list-name,
 .contacts-list-status {
   display: block;
 }
+
 .contacts-list-name {
   font-weight: 600;
 }
+
 .contacts-list-status {
-  font-size: 12px;
+  font-size: 0.875rem;
 }
+
 .contacts-list-date {
-  color: #aaa;
-  font-weight: normal;
+  color: #ced4da;
+  font-weight: 400;
 }
+
 .contacts-list-msg {
-  color: #999;
+  color: #b1bbc4;
 }
-.direct-chat-danger .right > .direct-chat-text {
-  background: #dd4b39;
-  border-color: #dd4b39;
+
+.direct-chat-primary .right > .direct-chat-text {
+  background-color: #007bff;
+  border-color: #007bff;
   color: #fff;
 }
-.direct-chat-danger .right > .direct-chat-text:after,
-.direct-chat-danger .right > .direct-chat-text:before {
-  border-left-color: #dd4b39;
+
+.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
+  border-left-color: #007bff;
 }
-.direct-chat-primary .right > .direct-chat-text {
-  background: #3c8dbc;
+
+.direct-chat-secondary .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.direct-chat-success .right > .direct-chat-text {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
+  border-left-color: #28a745;
+}
+
+.direct-chat-info .right > .direct-chat-text {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before {
+  border-left-color: #17a2b8;
+}
+
+.direct-chat-warning .right > .direct-chat-text {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before {
+  border-left-color: #ffc107;
+}
+
+.direct-chat-danger .right > .direct-chat-text {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
+  border-left-color: #dc3545;
+}
+
+.direct-chat-light .right > .direct-chat-text {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before {
+  border-left-color: #f8f9fa;
+}
+
+.direct-chat-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
+}
+
+.direct-chat-lightblue .right > .direct-chat-text {
+  background-color: #3c8dbc;
   border-color: #3c8dbc;
   color: #fff;
 }
-.direct-chat-primary .right > .direct-chat-text:after,
-.direct-chat-primary .right > .direct-chat-text:before {
+
+.direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before {
   border-left-color: #3c8dbc;
 }
-.direct-chat-warning .right > .direct-chat-text {
-  background: #f39c12;
-  border-color: #f39c12;
+
+.direct-chat-navy .right > .direct-chat-text {
+  background-color: #001f3f;
+  border-color: #001f3f;
   color: #fff;
 }
-.direct-chat-warning .right > .direct-chat-text:after,
-.direct-chat-warning .right > .direct-chat-text:before {
+
+.direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before {
+  border-left-color: #001f3f;
+}
+
+.direct-chat-olive .right > .direct-chat-text {
+  background-color: #3d9970;
+  border-color: #3d9970;
+  color: #fff;
+}
+
+.direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before {
+  border-left-color: #3d9970;
+}
+
+.direct-chat-lime .right > .direct-chat-text {
+  background-color: #01ff70;
+  border-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before {
+  border-left-color: #01ff70;
+}
+
+.direct-chat-fuchsia .right > .direct-chat-text {
+  background-color: #f012be;
+  border-color: #f012be;
+  color: #fff;
+}
+
+.direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before {
+  border-left-color: #f012be;
+}
+
+.direct-chat-maroon .right > .direct-chat-text {
+  background-color: #d81b60;
+  border-color: #d81b60;
+  color: #fff;
+}
+
+.direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before {
+  border-left-color: #d81b60;
+}
+
+.direct-chat-blue .right > .direct-chat-text {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before {
+  border-left-color: #007bff;
+}
+
+.direct-chat-indigo .right > .direct-chat-text {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before {
+  border-left-color: #6610f2;
+}
+
+.direct-chat-purple .right > .direct-chat-text {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before {
+  border-left-color: #6f42c1;
+}
+
+.direct-chat-pink .right > .direct-chat-text {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before {
+  border-left-color: #e83e8c;
+}
+
+.direct-chat-red .right > .direct-chat-text {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before {
+  border-left-color: #dc3545;
+}
+
+.direct-chat-orange .right > .direct-chat-text {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before {
+  border-left-color: #fd7e14;
+}
+
+.direct-chat-yellow .right > .direct-chat-text {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before {
+  border-left-color: #ffc107;
+}
+
+.direct-chat-green .right > .direct-chat-text {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before {
+  border-left-color: #28a745;
+}
+
+.direct-chat-teal .right > .direct-chat-text {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before {
+  border-left-color: #20c997;
+}
+
+.direct-chat-cyan .right > .direct-chat-text {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before {
+  border-left-color: #17a2b8;
+}
+
+.direct-chat-white .right > .direct-chat-text {
+  background-color: #fff;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before {
+  border-left-color: #fff;
+}
+
+.direct-chat-gray .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.direct-chat-gray-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
+}
+
+.dark-mode .direct-chat-text {
+  background-color: #454d55;
+  border-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before {
+  border-right-color: #4b545c;
+}
+
+.dark-mode .direct-chat-timestamp {
+  color: #adb5bd;
+}
+
+.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before {
+  border-right-color: transparent;
+}
+
+.dark-mode .direct-chat-primary .right > .direct-chat-text {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-primary .right > .direct-chat-text::after, .dark-mode .direct-chat-primary .right > .direct-chat-text::before {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .direct-chat-secondary .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-secondary .right > .direct-chat-text::after, .dark-mode .direct-chat-secondary .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .direct-chat-success .right > .direct-chat-text {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-success .right > .direct-chat-text::after, .dark-mode .direct-chat-success .right > .direct-chat-text::before {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .direct-chat-info .right > .direct-chat-text {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-info .right > .direct-chat-text::after, .dark-mode .direct-chat-info .right > .direct-chat-text::before {
+  border-left-color: #3498db;
+}
+
+.dark-mode .direct-chat-warning .right > .direct-chat-text {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-warning .right > .direct-chat-text::after, .dark-mode .direct-chat-warning .right > .direct-chat-text::before {
   border-left-color: #f39c12;
 }
-.direct-chat-info .right > .direct-chat-text {
-  background: #00c0ef;
-  border-color: #00c0ef;
+
+.dark-mode .direct-chat-danger .right > .direct-chat-text {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
   color: #fff;
 }
-.direct-chat-info .right > .direct-chat-text:after,
-.direct-chat-info .right > .direct-chat-text:before {
-  border-left-color: #00c0ef;
+
+.dark-mode .direct-chat-danger .right > .direct-chat-text::after, .dark-mode .direct-chat-danger .right > .direct-chat-text::before {
+  border-left-color: #e74c3c;
 }
-.direct-chat-success .right > .direct-chat-text {
-  background: #00a65a;
-  border-color: #00a65a;
+
+.dark-mode .direct-chat-light .right > .direct-chat-text {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-light .right > .direct-chat-text::after, .dark-mode .direct-chat-light .right > .direct-chat-text::before {
+  border-left-color: #f8f9fa;
+}
+
+.dark-mode .direct-chat-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
   color: #fff;
 }
-.direct-chat-success .right > .direct-chat-text:after,
-.direct-chat-success .right > .direct-chat-text:before {
-  border-left-color: #00a65a;
+
+.dark-mode .direct-chat-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
 }
-/*
- * Component: Users List
- * ---------------------
- */
+
+.dark-mode .direct-chat-lightblue .right > .direct-chat-text {
+  background-color: #86bad8;
+  border-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-lightblue .right > .direct-chat-text::after, .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before {
+  border-left-color: #86bad8;
+}
+
+.dark-mode .direct-chat-navy .right > .direct-chat-text {
+  background-color: #002c59;
+  border-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-navy .right > .direct-chat-text::after, .dark-mode .direct-chat-navy .right > .direct-chat-text::before {
+  border-left-color: #002c59;
+}
+
+.dark-mode .direct-chat-olive .right > .direct-chat-text {
+  background-color: #74c8a3;
+  border-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-olive .right > .direct-chat-text::after, .dark-mode .direct-chat-olive .right > .direct-chat-text::before {
+  border-left-color: #74c8a3;
+}
+
+.dark-mode .direct-chat-lime .right > .direct-chat-text {
+  background-color: #67ffa9;
+  border-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-lime .right > .direct-chat-text::after, .dark-mode .direct-chat-lime .right > .direct-chat-text::before {
+  border-left-color: #67ffa9;
+}
+
+.dark-mode .direct-chat-fuchsia .right > .direct-chat-text {
+  background-color: #f672d8;
+  border-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after, .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before {
+  border-left-color: #f672d8;
+}
+
+.dark-mode .direct-chat-maroon .right > .direct-chat-text {
+  background-color: #ed6c9b;
+  border-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-maroon .right > .direct-chat-text::after, .dark-mode .direct-chat-maroon .right > .direct-chat-text::before {
+  border-left-color: #ed6c9b;
+}
+
+.dark-mode .direct-chat-blue .right > .direct-chat-text {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-blue .right > .direct-chat-text::after, .dark-mode .direct-chat-blue .right > .direct-chat-text::before {
+  border-left-color: #3f6791;
+}
+
+.dark-mode .direct-chat-indigo .right > .direct-chat-text {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-indigo .right > .direct-chat-text::after, .dark-mode .direct-chat-indigo .right > .direct-chat-text::before {
+  border-left-color: #6610f2;
+}
+
+.dark-mode .direct-chat-purple .right > .direct-chat-text {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-purple .right > .direct-chat-text::after, .dark-mode .direct-chat-purple .right > .direct-chat-text::before {
+  border-left-color: #6f42c1;
+}
+
+.dark-mode .direct-chat-pink .right > .direct-chat-text {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-pink .right > .direct-chat-text::after, .dark-mode .direct-chat-pink .right > .direct-chat-text::before {
+  border-left-color: #e83e8c;
+}
+
+.dark-mode .direct-chat-red .right > .direct-chat-text {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-red .right > .direct-chat-text::after, .dark-mode .direct-chat-red .right > .direct-chat-text::before {
+  border-left-color: #e74c3c;
+}
+
+.dark-mode .direct-chat-orange .right > .direct-chat-text {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-orange .right > .direct-chat-text::after, .dark-mode .direct-chat-orange .right > .direct-chat-text::before {
+  border-left-color: #fd7e14;
+}
+
+.dark-mode .direct-chat-yellow .right > .direct-chat-text {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-yellow .right > .direct-chat-text::after, .dark-mode .direct-chat-yellow .right > .direct-chat-text::before {
+  border-left-color: #f39c12;
+}
+
+.dark-mode .direct-chat-green .right > .direct-chat-text {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-green .right > .direct-chat-text::after, .dark-mode .direct-chat-green .right > .direct-chat-text::before {
+  border-left-color: #00bc8c;
+}
+
+.dark-mode .direct-chat-teal .right > .direct-chat-text {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-teal .right > .direct-chat-text::after, .dark-mode .direct-chat-teal .right > .direct-chat-text::before {
+  border-left-color: #20c997;
+}
+
+.dark-mode .direct-chat-cyan .right > .direct-chat-text {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-cyan .right > .direct-chat-text::after, .dark-mode .direct-chat-cyan .right > .direct-chat-text::before {
+  border-left-color: #3498db;
+}
+
+.dark-mode .direct-chat-white .right > .direct-chat-text {
+  background-color: #fff;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .direct-chat-white .right > .direct-chat-text::after, .dark-mode .direct-chat-white .right > .direct-chat-text::before {
+  border-left-color: #fff;
+}
+
+.dark-mode .direct-chat-gray .right > .direct-chat-text {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-gray .right > .direct-chat-text::after, .dark-mode .direct-chat-gray .right > .direct-chat-text::before {
+  border-left-color: #6c757d;
+}
+
+.dark-mode .direct-chat-gray-dark .right > .direct-chat-text {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before {
+  border-left-color: #343a40;
+}
+
+.users-list {
+  padding-left: 0;
+  list-style: none;
+}
+
 .users-list > li {
-  width: 25%;
   float: left;
   padding: 10px;
   text-align: center;
+  width: 25%;
 }
+
 .users-list > li img {
   border-radius: 50%;
-  max-width: 100%;
   height: auto;
+  max-width: 100%;
 }
+
 .users-list > li > a:hover,
 .users-list > li > a:hover .users-list-name {
   color: #999;
 }
+
 .users-list-name,
 .users-list-date {
   display: block;
 }
+
 .users-list-name {
-  font-weight: 600;
-  color: #444;
+  color: #495057;
+  font-size: 0.875rem;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
+
 .users-list-date {
-  color: #999;
+  color: #748290;
   font-size: 12px;
 }
-/*
- * Component: Carousel
- * -------------------
- */
-.carousel-control.left,
-.carousel-control.right {
-  background-image: none;
+
+.dark-mode .users-list-name {
+  color: #ced4da;
 }
-.carousel-control > .fa {
-  font-size: 40px;
-  position: absolute;
-  top: 50%;
-  z-index: 5;
-  display: inline-block;
-  margin-top: -20px;
+
+.dark-mode .users-list-date {
+  color: #adb5bd;
 }
-/*
- * Component: modal
- * ----------------
- */
-.modal {
-  background: rgba(0, 0, 0, 0.3);
-}
-.modal-content {
-  border-radius: 0;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
+
+.card-widget {
   border: 0;
-}
-@media (min-width: 768px) {
-  .modal-content {
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
-  }
-}
-.modal-header {
-  border-bottom-color: #f4f4f4;
-}
-.modal-footer {
-  border-top-color: #f4f4f4;
-}
-.modal-primary .modal-header,
-.modal-primary .modal-footer {
-  border-color: #307095;
-}
-.modal-warning .modal-header,
-.modal-warning .modal-footer {
-  border-color: #c87f0a;
-}
-.modal-info .modal-header,
-.modal-info .modal-footer {
-  border-color: #0097bc;
-}
-.modal-success .modal-header,
-.modal-success .modal-footer {
-  border-color: #00733e;
-}
-.modal-danger .modal-header,
-.modal-danger .modal-footer {
-  border-color: #c23321;
-}
-/*
- * Component: Social Widgets
- * -------------------------
- */
-.box-widget {
-  border: none;
   position: relative;
 }
+
 .widget-user .widget-user-header {
-  padding: 20px;
-  height: 120px;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  height: 135px;
+  padding: 1rem;
+  text-align: center;
 }
+
 .widget-user .widget-user-username {
-  margin-top: 0;
-  margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
+  margin-bottom: 0;
+  margin-top: 0;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
+
 .widget-user .widget-user-desc {
   margin-top: 0;
 }
+
 .widget-user .widget-user-image {
-  position: absolute;
-  top: 65px;
   left: 50%;
   margin-left: -45px;
+  position: absolute;
+  top: 80px;
 }
+
 .widget-user .widget-user-image > img {
-  width: 90px;
-  height: auto;
   border: 3px solid #fff;
+  height: auto;
+  width: 90px;
 }
-.widget-user .box-footer {
-  padding-top: 30px;
+
+.widget-user .card-footer {
+  padding-top: 50px;
 }
+
 .widget-user-2 .widget-user-header {
-  padding: 20px;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  padding: 1rem;
 }
+
 .widget-user-2 .widget-user-username {
-  margin-top: 5px;
-  margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
+
 .widget-user-2 .widget-user-desc {
   margin-top: 0;
 }
+
 .widget-user-2 .widget-user-username,
 .widget-user-2 .widget-user-desc {
   margin-left: 75px;
 }
+
 .widget-user-2 .widget-user-image > img {
-  width: 65px;
-  height: auto;
   float: left;
-}
-.treeview-menu {
-  display: none;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  padding-left: 5px;
-}
-.treeview-menu .treeview-menu {
-  padding-left: 20px;
-}
-.treeview-menu > li {
-  margin: 0;
-}
-.treeview-menu > li > a {
-  padding: 5px 5px 5px 15px;
-  display: block;
-  font-size: 14px;
-}
-.treeview-menu > li > a > .fa,
-.treeview-menu > li > a > .glyphicon,
-.treeview-menu > li > a > .ion {
-  width: 20px;
-}
-.treeview-menu > li > a > .pull-right-container > .fa-angle-left,
-.treeview-menu > li > a > .pull-right-container > .fa-angle-down,
-.treeview-menu > li > a > .fa-angle-left,
-.treeview-menu > li > a > .fa-angle-down {
-  width: auto;
-}
-.treeview > ul.treeview-menu {
-  overflow: hidden;
   height: auto;
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
+  width: 65px;
 }
-.treeview.menu-open > ul.treeview-menu {
-  overflow: visible;
-  height: auto;
-}
-/*
- * Page: Mailbox
- * -------------
- */
+
 .mailbox-messages > .table {
   margin: 0;
 }
+
 .mailbox-controls {
   padding: 5px;
 }
+
 .mailbox-controls.with-border {
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }
+
 .mailbox-read-info {
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
   padding: 10px;
 }
+
 .mailbox-read-info h3 {
   font-size: 20px;
   margin: 0;
 }
+
 .mailbox-read-info h5 {
   margin: 0;
-  padding: 5px 0 0 0;
+  padding: 5px 0 0;
 }
+
 .mailbox-read-time {
   color: #999;
   font-size: 13px;
 }
+
 .mailbox-read-message {
   padding: 10px;
 }
+
+.mailbox-attachments {
+  padding-left: 0;
+  list-style: none;
+}
+
 .mailbox-attachments li {
-  float: left;
-  width: 200px;
   border: 1px solid #eee;
+  float: left;
   margin-bottom: 10px;
   margin-right: 10px;
+  width: 200px;
 }
+
 .mailbox-attachment-name {
-  font-weight: bold;
   color: #666;
+  font-weight: 700;
 }
+
 .mailbox-attachment-icon,
 .mailbox-attachment-info,
 .mailbox-attachment-size {
   display: block;
 }
+
 .mailbox-attachment-info {
+  background-color: #f8f9fa;
   padding: 10px;
-  background: #f4f4f4;
 }
+
 .mailbox-attachment-size {
   color: #999;
   font-size: 12px;
 }
-.mailbox-attachment-icon {
-  text-align: center;
-  font-size: 65px;
-  color: #666;
-  padding: 20px 10px;
+
+.mailbox-attachment-size > span {
+  display: inline-block;
+  padding-top: .75rem;
 }
+
+.mailbox-attachment-icon {
+  color: #666;
+  font-size: 65px;
+  max-height: 132.5px;
+  padding: 20px 10px;
+  text-align: center;
+}
+
 .mailbox-attachment-icon.has-img {
   padding: 0;
 }
+
 .mailbox-attachment-icon.has-img > img {
-  max-width: 100%;
   height: auto;
+  max-width: 100%;
 }
-/*
- * Page: Lock Screen
- * -----------------
- */
-/* ADD THIS CLASS TO THE <BODY> TAG */
+
 .lockscreen {
-  background: #d2d6de;
+  background-color: #e9ecef;
 }
+
+.lockscreen .lockscreen-name {
+  font-weight: 600;
+  text-align: center;
+}
+
 .lockscreen-logo {
   font-size: 35px;
-  text-align: center;
-  margin-bottom: 25px;
   font-weight: 300;
+  margin-bottom: 25px;
+  text-align: center;
 }
+
 .lockscreen-logo a {
-  color: #444;
+  color: #495057;
 }
+
 .lockscreen-wrapper {
-  max-width: 400px;
   margin: 0 auto;
   margin-top: 10%;
+  max-width: 400px;
 }
-/* User name [optional] */
-.lockscreen .lockscreen-name {
-  text-align: center;
-  font-weight: 600;
-}
-/* Will contain the image and the sign in form */
+
 .lockscreen-item {
   border-radius: 4px;
+  background-color: #fff;
+  margin: 10px auto 30px;
   padding: 0;
-  background: #fff;
   position: relative;
-  margin: 10px auto 30px auto;
   width: 290px;
 }
-/* User image */
+
 .lockscreen-image {
   border-radius: 50%;
-  position: absolute;
+  background-color: #fff;
   left: -10px;
-  top: -25px;
-  background: #fff;
   padding: 5px;
+  position: absolute;
+  top: -25px;
   z-index: 10;
 }
+
 .lockscreen-image > img {
   border-radius: 50%;
-  width: 70px;
   height: 70px;
+  width: 70px;
 }
-/* Contains the password input and the login button */
+
 .lockscreen-credentials {
   margin-left: 70px;
 }
+
 .lockscreen-credentials .form-control {
   border: 0;
 }
+
 .lockscreen-credentials .btn {
   background-color: #fff;
   border: 0;
   padding: 0 10px;
 }
+
 .lockscreen-footer {
   margin-top: 10px;
 }
-/*
- * Page: Login & Register
- * ----------------------
- */
+
+.dark-mode .lockscreen-item {
+  background-color: #343a40;
+}
+
+.dark-mode .lockscreen-logo a {
+  color: #fff;
+}
+
+.dark-mode .lockscreen-credentials .btn {
+  background-color: #343a40;
+}
+
+.dark-mode .lockscreen-image {
+  background-color: #6c757d;
+}
+
 .login-logo,
 .register-logo {
-  font-size: 35px;
-  text-align: center;
-  margin-bottom: 25px;
+  font-size: 2.1rem;
   font-weight: 300;
+  margin-bottom: .9rem;
+  text-align: center;
 }
+
 .login-logo a,
 .register-logo a {
-  color: #444;
+  color: #495057;
 }
+
 .login-page,
 .register-page {
-  height: auto;
-  background: #d2d6de;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #e9ecef;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: 100vh;
+  -ms-flex-pack: center;
+  justify-content: center;
 }
+
 .login-box,
 .register-box {
   width: 360px;
-  margin: 7% auto;
 }
-@media (max-width: 768px) {
+
+@media (max-width: 576px) {
   .login-box,
   .register-box {
+    margin-top: .5rem;
     width: 90%;
-    margin-top: 20px;
   }
 }
-.login-box-body,
-.register-box-body {
-  background: #fff;
-  padding: 20px;
+
+.login-box .card,
+.register-box .card {
+  margin-bottom: 0;
+}
+
+.login-card-body,
+.register-card-body {
+  background-color: #fff;
   border-top: 0;
   color: #666;
+  padding: 20px;
 }
-.login-box-body .form-control-feedback,
-.register-box-body .form-control-feedback {
+
+.login-card-body .input-group .form-control,
+.register-card-body .input-group .form-control {
+  border-right: 0;
+}
+
+.login-card-body .input-group .form-control:focus,
+.register-card-body .input-group .form-control:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
+.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
+  border-color: #80bdff;
+}
+
+.login-card-body .input-group .form-control.is-valid:focus,
+.register-card-body .input-group .form-control.is-valid:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
+.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
+  border-color: #28a745;
+}
+
+.login-card-body .input-group .form-control.is-invalid:focus,
+.register-card-body .input-group .form-control.is-invalid:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
+  border-color: #dc3545;
+}
+
+.login-card-body .input-group .input-group-text,
+.register-card-body .input-group .input-group-text {
+  background-color: transparent;
+  border-bottom-right-radius: 0.25rem;
+  border-left: 0;
+  border-top-right-radius: 0.25rem;
   color: #777;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
+
 .login-box-msg,
 .register-box-msg {
   margin: 0;
+  padding: 0 20px 20px;
   text-align: center;
-  padding: 0 20px 20px 20px;
 }
+
 .social-auth-links {
   margin: 10px 0;
 }
-/*
- * Page: 400 and 500 error pages
- * ------------------------------
- */
-.error-page {
-  width: 600px;
-  margin: 20px auto 0 auto;
+
+.dark-mode .login-card-body,
+.dark-mode .register-card-body {
+  background-color: #343a40;
+  border-color: #6c757d;
+  color: #fff;
 }
-@media (max-width: 991px) {
+
+.dark-mode .login-logo a,
+.dark-mode .register-logo a {
+  color: #fff;
+}
+
+.error-page {
+  margin: 20px auto 0;
+  width: 600px;
+}
+
+@media (max-width: 767.98px) {
   .error-page {
     width: 100%;
   }
 }
+
 .error-page > .headline {
   float: left;
   font-size: 100px;
   font-weight: 300;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .error-page > .headline {
     float: none;
     text-align: center;
   }
 }
+
 .error-page > .error-content {
-  margin-left: 190px;
   display: block;
+  margin-left: 190px;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .error-page > .error-content {
     margin-left: 0;
   }
 }
+
 .error-page > .error-content > h3 {
-  font-weight: 300;
   font-size: 25px;
+  font-weight: 300;
 }
-@media (max-width: 991px) {
+
+@media (max-width: 767.98px) {
   .error-page > .error-content > h3 {
     text-align: center;
   }
 }
-/*
- * Page: Invoice
- * -------------
- */
+
 .invoice {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
   position: relative;
-  background: #fff;
-  border: 1px solid #f4f4f4;
-  padding: 20px;
-  margin: 10px 25px;
 }
+
 .invoice-title {
   margin-top: 0;
 }
-/*
- * Page: Profile
- * -------------
- */
-.profile-user-img {
-  margin: 0 auto;
-  width: 100px;
-  padding: 3px;
-  border: 3px solid #d2d6de;
+
+.dark-mode .invoice {
+  background-color: #343a40;
 }
+
+.profile-user-img {
+  border: 3px solid #adb5bd;
+  margin: 0 auto;
+  padding: 3px;
+  width: 100px;
+}
+
 .profile-username {
   font-size: 21px;
   margin-top: 5px;
 }
+
 .post {
-  border-bottom: 1px solid #d2d6de;
+  border-bottom: 1px solid #adb5bd;
+  color: #666;
   margin-bottom: 15px;
   padding-bottom: 15px;
-  color: #666;
 }
+
 .post:last-of-type {
   border-bottom: 0;
   margin-bottom: 0;
   padding-bottom: 0;
 }
+
 .post .user-block {
   margin-bottom: 15px;
-}
-/*
- * Social Buttons for Bootstrap
- *
- * Copyright 2013-2015 Panayiotis Lipiridis
- * Licensed under the MIT License
- *
- * https://github.com/lipis/bootstrap-social
- */
-.btn-social {
-  position: relative;
-  padding-left: 44px;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.btn-social > :first-child {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 32px;
-  line-height: 34px;
-  font-size: 1.6em;
-  text-align: center;
-  border-right: 1px solid rgba(0, 0, 0, 0.2);
-}
-.btn-social.btn-lg {
-  padding-left: 61px;
-}
-.btn-social.btn-lg > :first-child {
-  line-height: 45px;
-  width: 45px;
-  font-size: 1.8em;
-}
-.btn-social.btn-sm {
-  padding-left: 38px;
-}
-.btn-social.btn-sm > :first-child {
-  line-height: 28px;
-  width: 28px;
-  font-size: 1.4em;
-}
-.btn-social.btn-xs {
-  padding-left: 30px;
-}
-.btn-social.btn-xs > :first-child {
-  line-height: 20px;
-  width: 20px;
-  font-size: 1.2em;
-}
-.btn-social-icon {
-  position: relative;
-  padding-left: 44px;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: 34px;
-  width: 34px;
-  padding: 0;
-}
-.btn-social-icon > :first-child {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 32px;
-  line-height: 34px;
-  font-size: 1.6em;
-  text-align: center;
-  border-right: 1px solid rgba(0, 0, 0, 0.2);
-}
-.btn-social-icon.btn-lg {
-  padding-left: 61px;
-}
-.btn-social-icon.btn-lg > :first-child {
-  line-height: 45px;
-  width: 45px;
-  font-size: 1.8em;
-}
-.btn-social-icon.btn-sm {
-  padding-left: 38px;
-}
-.btn-social-icon.btn-sm > :first-child {
-  line-height: 28px;
-  width: 28px;
-  font-size: 1.4em;
-}
-.btn-social-icon.btn-xs {
-  padding-left: 30px;
-}
-.btn-social-icon.btn-xs > :first-child {
-  line-height: 20px;
-  width: 20px;
-  font-size: 1.2em;
-}
-.btn-social-icon > :first-child {
-  border: none;
-  text-align: center;
   width: 100%;
 }
-.btn-social-icon.btn-lg {
-  height: 45px;
-  width: 45px;
+
+.post .row {
+  width: 100%;
+}
+
+.dark-mode .post {
+  color: #fff;
+  border-color: #6c757d;
+}
+
+.product-image {
+  max-width: 100%;
+  height: auto;
+  width: 100%;
+}
+
+.product-image-thumbs {
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: 2rem;
+}
+
+.product-image-thumb {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  border-radius: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: 1rem;
+  max-width: 7rem;
+  padding: 0.5rem;
+}
+
+.product-image-thumb img {
+  max-width: 100%;
+  height: auto;
+  -ms-flex-item-align: center;
+  align-self: center;
+}
+
+.product-image-thumb:hover {
+  opacity: .5;
+}
+
+.product-share a {
+  margin-right: .5rem;
+}
+
+.projects td {
+  vertical-align: middle;
+}
+
+.projects .list-inline {
+  margin-bottom: 0;
+}
+
+.projects img.table-avatar,
+.projects .table-avatar img {
+  border-radius: 50%;
+  display: inline;
+  width: 2.5rem;
+}
+
+.projects .project-state {
+  text-align: center;
+}
+
+body.iframe-mode .main-sidebar {
+  display: none;
+}
+
+body.iframe-mode .content-wrapper {
+  margin-left: 0 !important;
+  margin-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+body.iframe-mode .main-header,
+body.iframe-mode .main-footer {
+  display: none;
+}
+
+body.iframe-mode-fullscreen {
+  overflow: hidden;
+}
+
+body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: 0 !important;
+}
+
+.content-wrapper {
+  height: 100%;
+}
+
+.content-wrapper.iframe-mode .btn-iframe-close {
+  color: #dc3545;
+  position: absolute;
+  line-height: 1;
+  right: .125rem;
+  top: .125rem;
+  z-index: 10;
+  visibility: hidden;
+}
+
+.content-wrapper.iframe-mode .btn-iframe-close:hover, .content-wrapper.iframe-mode .btn-iframe-close:focus {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+@media (hover: none) and (pointer: coarse) {
+  .content-wrapper.iframe-mode .btn-iframe-close {
+    visibility: visible;
+  }
+}
+
+.content-wrapper.iframe-mode .navbar-nav {
+  overflow-y: auto;
+  width: 100%;
+}
+
+.content-wrapper.iframe-mode .navbar-nav .nav-link {
+  white-space: nowrap;
+}
+
+.content-wrapper.iframe-mode .navbar-nav .nav-item {
+  position: relative;
+}
+
+.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+
+@media (hover: none) and (pointer: coarse) {
+  .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
+    visibility: visible;
+  }
+}
+
+.content-wrapper.iframe-mode .tab-content {
+  position: relative;
+}
+
+.content-wrapper.iframe-mode .tab-pane + .tab-empty {
+  display: none;
+}
+
+.content-wrapper.iframe-mode .tab-empty {
+  width: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.content-wrapper.iframe-mode .tab-loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: none;
+  background-color: #f4f6f9;
+}
+
+.content-wrapper.iframe-mode .tab-loading > div {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.content-wrapper.iframe-mode iframe {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  margin-bottom: -8px;
+}
+
+.content-wrapper.iframe-mode iframe .content-wrapper {
+  padding-bottom: 0 !important;
+}
+
+body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  margin-left: 0 !important;
+  height: 100%;
+  min-height: 100%;
+  z-index: 1048;
+}
+
+.permanent-btn-iframe-close .btn-iframe-close {
+  animation: none !important;
+  visibility: visible !important;
+  opacity: 1;
+}
+
+.dark-mode .content-wrapper.iframe-mode .tab-loading {
+  background-color: #343a40;
+}
+
+.content-wrapper.kanban {
+  height: 1px;
+}
+
+.content-wrapper.kanban .content {
+  height: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.content-wrapper.kanban .content .container,
+.content-wrapper.kanban .content .container-fluid,
+.content-wrapper.kanban .content .container-sm,
+.content-wrapper.kanban .content .container-md,
+.content-wrapper.kanban .content .container-lg,
+.content-wrapper.kanban .content .container-xl {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.content-wrapper.kanban .content-header + .content {
+  height: calc(100% - ((2 * 15px) + (1.8rem * 1.2)));
+}
+
+.content-wrapper.kanban .card .card-body {
+  padding: .5rem;
+}
+
+.content-wrapper.kanban .card.card-row {
+  width: 340px;
+  display: inline-block;
+  margin: 0 .5rem;
+}
+
+.content-wrapper.kanban .card.card-row:first-child {
+  margin-left: 0;
+}
+
+.content-wrapper.kanban .card.card-row .card-body {
+  height: calc(100% - (12px + (1.8rem * 1.2) + .5rem));
+  overflow-y: auto;
+}
+
+.content-wrapper.kanban .card.card-row .card:last-child {
+  margin-bottom: 0;
+  border-bottom-width: 1px;
+}
+
+.content-wrapper.kanban .card.card-row .card .card-header {
+  padding: .5rem .75rem;
+}
+
+.content-wrapper.kanban .card.card-row .card .card-body {
+  padding: .75rem;
+}
+
+.content-wrapper.kanban .btn-tool.btn-link {
+  text-decoration: underline;
   padding-left: 0;
   padding-right: 0;
 }
-.btn-social-icon.btn-sm {
-  height: 30px;
-  width: 30px;
-  padding-left: 0;
-  padding-right: 0;
-}
-.btn-social-icon.btn-xs {
-  height: 22px;
-  width: 22px;
-  padding-left: 0;
-  padding-right: 0;
-}
-.btn-adn {
-  color: #fff;
-  background-color: #d87a68;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:focus,
-.btn-adn.focus {
-  color: #fff;
-  background-color: #ce563f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:hover {
-  color: #fff;
-  background-color: #ce563f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:active,
-.btn-adn.active,
-.open > .dropdown-toggle.btn-adn {
-  color: #fff;
-  background-color: #ce563f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:active:hover,
-.btn-adn.active:hover,
-.open > .dropdown-toggle.btn-adn:hover,
-.btn-adn:active:focus,
-.btn-adn.active:focus,
-.open > .dropdown-toggle.btn-adn:focus,
-.btn-adn:active.focus,
-.btn-adn.active.focus,
-.open > .dropdown-toggle.btn-adn.focus {
-  color: #fff;
-  background-color: #b94630;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn:active,
-.btn-adn.active,
-.open > .dropdown-toggle.btn-adn {
-  background-image: none;
-}
-.btn-adn.disabled:hover,
-.btn-adn[disabled]:hover,
-fieldset[disabled] .btn-adn:hover,
-.btn-adn.disabled:focus,
-.btn-adn[disabled]:focus,
-fieldset[disabled] .btn-adn:focus,
-.btn-adn.disabled.focus,
-.btn-adn[disabled].focus,
-fieldset[disabled] .btn-adn.focus {
-  background-color: #d87a68;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-adn .badge {
-  color: #d87a68;
-  background-color: #fff;
-}
-.btn-bitbucket {
-  color: #fff;
-  background-color: #205081;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:focus,
-.btn-bitbucket.focus {
-  color: #fff;
-  background-color: #163758;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:hover {
-  color: #fff;
-  background-color: #163758;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:active,
-.btn-bitbucket.active,
-.open > .dropdown-toggle.btn-bitbucket {
-  color: #fff;
-  background-color: #163758;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:active:hover,
-.btn-bitbucket.active:hover,
-.open > .dropdown-toggle.btn-bitbucket:hover,
-.btn-bitbucket:active:focus,
-.btn-bitbucket.active:focus,
-.open > .dropdown-toggle.btn-bitbucket:focus,
-.btn-bitbucket:active.focus,
-.btn-bitbucket.active.focus,
-.open > .dropdown-toggle.btn-bitbucket.focus {
-  color: #fff;
-  background-color: #0f253c;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket:active,
-.btn-bitbucket.active,
-.open > .dropdown-toggle.btn-bitbucket {
-  background-image: none;
-}
-.btn-bitbucket.disabled:hover,
-.btn-bitbucket[disabled]:hover,
-fieldset[disabled] .btn-bitbucket:hover,
-.btn-bitbucket.disabled:focus,
-.btn-bitbucket[disabled]:focus,
-fieldset[disabled] .btn-bitbucket:focus,
-.btn-bitbucket.disabled.focus,
-.btn-bitbucket[disabled].focus,
-fieldset[disabled] .btn-bitbucket.focus {
-  background-color: #205081;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-bitbucket .badge {
-  color: #205081;
-  background-color: #fff;
-}
-.btn-dropbox {
-  color: #fff;
-  background-color: #1087dd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:focus,
-.btn-dropbox.focus {
-  color: #fff;
-  background-color: #0d6aad;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:hover {
-  color: #fff;
-  background-color: #0d6aad;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:active,
-.btn-dropbox.active,
-.open > .dropdown-toggle.btn-dropbox {
-  color: #fff;
-  background-color: #0d6aad;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:active:hover,
-.btn-dropbox.active:hover,
-.open > .dropdown-toggle.btn-dropbox:hover,
-.btn-dropbox:active:focus,
-.btn-dropbox.active:focus,
-.open > .dropdown-toggle.btn-dropbox:focus,
-.btn-dropbox:active.focus,
-.btn-dropbox.active.focus,
-.open > .dropdown-toggle.btn-dropbox.focus {
-  color: #fff;
-  background-color: #0a568c;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox:active,
-.btn-dropbox.active,
-.open > .dropdown-toggle.btn-dropbox {
-  background-image: none;
-}
-.btn-dropbox.disabled:hover,
-.btn-dropbox[disabled]:hover,
-fieldset[disabled] .btn-dropbox:hover,
-.btn-dropbox.disabled:focus,
-.btn-dropbox[disabled]:focus,
-fieldset[disabled] .btn-dropbox:focus,
-.btn-dropbox.disabled.focus,
-.btn-dropbox[disabled].focus,
-fieldset[disabled] .btn-dropbox.focus {
-  background-color: #1087dd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-dropbox .badge {
-  color: #1087dd;
-  background-color: #fff;
-}
-.btn-facebook {
-  color: #fff;
-  background-color: #3b5998;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:focus,
-.btn-facebook.focus {
-  color: #fff;
-  background-color: #2d4373;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:hover {
-  color: #fff;
-  background-color: #2d4373;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:active,
-.btn-facebook.active,
-.open > .dropdown-toggle.btn-facebook {
-  color: #fff;
-  background-color: #2d4373;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:active:hover,
-.btn-facebook.active:hover,
-.open > .dropdown-toggle.btn-facebook:hover,
-.btn-facebook:active:focus,
-.btn-facebook.active:focus,
-.open > .dropdown-toggle.btn-facebook:focus,
-.btn-facebook:active.focus,
-.btn-facebook.active.focus,
-.open > .dropdown-toggle.btn-facebook.focus {
-  color: #fff;
-  background-color: #23345a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook:active,
-.btn-facebook.active,
-.open > .dropdown-toggle.btn-facebook {
-  background-image: none;
-}
-.btn-facebook.disabled:hover,
-.btn-facebook[disabled]:hover,
-fieldset[disabled] .btn-facebook:hover,
-.btn-facebook.disabled:focus,
-.btn-facebook[disabled]:focus,
-fieldset[disabled] .btn-facebook:focus,
-.btn-facebook.disabled.focus,
-.btn-facebook[disabled].focus,
-fieldset[disabled] .btn-facebook.focus {
-  background-color: #3b5998;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-facebook .badge {
-  color: #3b5998;
-  background-color: #fff;
-}
-.btn-flickr {
-  color: #fff;
-  background-color: #ff0084;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:focus,
-.btn-flickr.focus {
-  color: #fff;
-  background-color: #cc006a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:hover {
-  color: #fff;
-  background-color: #cc006a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:active,
-.btn-flickr.active,
-.open > .dropdown-toggle.btn-flickr {
-  color: #fff;
-  background-color: #cc006a;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:active:hover,
-.btn-flickr.active:hover,
-.open > .dropdown-toggle.btn-flickr:hover,
-.btn-flickr:active:focus,
-.btn-flickr.active:focus,
-.open > .dropdown-toggle.btn-flickr:focus,
-.btn-flickr:active.focus,
-.btn-flickr.active.focus,
-.open > .dropdown-toggle.btn-flickr.focus {
-  color: #fff;
-  background-color: #a80057;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr:active,
-.btn-flickr.active,
-.open > .dropdown-toggle.btn-flickr {
-  background-image: none;
-}
-.btn-flickr.disabled:hover,
-.btn-flickr[disabled]:hover,
-fieldset[disabled] .btn-flickr:hover,
-.btn-flickr.disabled:focus,
-.btn-flickr[disabled]:focus,
-fieldset[disabled] .btn-flickr:focus,
-.btn-flickr.disabled.focus,
-.btn-flickr[disabled].focus,
-fieldset[disabled] .btn-flickr.focus {
-  background-color: #ff0084;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-flickr .badge {
-  color: #ff0084;
-  background-color: #fff;
-}
-.btn-foursquare {
-  color: #fff;
-  background-color: #f94877;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:focus,
-.btn-foursquare.focus {
-  color: #fff;
-  background-color: #f71752;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:hover {
-  color: #fff;
-  background-color: #f71752;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:active,
-.btn-foursquare.active,
-.open > .dropdown-toggle.btn-foursquare {
-  color: #fff;
-  background-color: #f71752;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:active:hover,
-.btn-foursquare.active:hover,
-.open > .dropdown-toggle.btn-foursquare:hover,
-.btn-foursquare:active:focus,
-.btn-foursquare.active:focus,
-.open > .dropdown-toggle.btn-foursquare:focus,
-.btn-foursquare:active.focus,
-.btn-foursquare.active.focus,
-.open > .dropdown-toggle.btn-foursquare.focus {
-  color: #fff;
-  background-color: #e30742;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare:active,
-.btn-foursquare.active,
-.open > .dropdown-toggle.btn-foursquare {
-  background-image: none;
-}
-.btn-foursquare.disabled:hover,
-.btn-foursquare[disabled]:hover,
-fieldset[disabled] .btn-foursquare:hover,
-.btn-foursquare.disabled:focus,
-.btn-foursquare[disabled]:focus,
-fieldset[disabled] .btn-foursquare:focus,
-.btn-foursquare.disabled.focus,
-.btn-foursquare[disabled].focus,
-fieldset[disabled] .btn-foursquare.focus {
-  background-color: #f94877;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-foursquare .badge {
-  color: #f94877;
-  background-color: #fff;
-}
-.btn-github {
-  color: #fff;
-  background-color: #444444;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:focus,
-.btn-github.focus {
-  color: #fff;
-  background-color: #2b2b2b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:hover {
-  color: #fff;
-  background-color: #2b2b2b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:active,
-.btn-github.active,
-.open > .dropdown-toggle.btn-github {
-  color: #fff;
-  background-color: #2b2b2b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:active:hover,
-.btn-github.active:hover,
-.open > .dropdown-toggle.btn-github:hover,
-.btn-github:active:focus,
-.btn-github.active:focus,
-.open > .dropdown-toggle.btn-github:focus,
-.btn-github:active.focus,
-.btn-github.active.focus,
-.open > .dropdown-toggle.btn-github.focus {
-  color: #fff;
-  background-color: #191919;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github:active,
-.btn-github.active,
-.open > .dropdown-toggle.btn-github {
-  background-image: none;
-}
-.btn-github.disabled:hover,
-.btn-github[disabled]:hover,
-fieldset[disabled] .btn-github:hover,
-.btn-github.disabled:focus,
-.btn-github[disabled]:focus,
-fieldset[disabled] .btn-github:focus,
-.btn-github.disabled.focus,
-.btn-github[disabled].focus,
-fieldset[disabled] .btn-github.focus {
-  background-color: #444444;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-github .badge {
-  color: #444444;
-  background-color: #fff;
-}
-.btn-google {
-  color: #fff;
-  background-color: #dd4b39;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:focus,
-.btn-google.focus {
-  color: #fff;
-  background-color: #c23321;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:hover {
-  color: #fff;
-  background-color: #c23321;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:active,
-.btn-google.active,
-.open > .dropdown-toggle.btn-google {
-  color: #fff;
-  background-color: #c23321;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:active:hover,
-.btn-google.active:hover,
-.open > .dropdown-toggle.btn-google:hover,
-.btn-google:active:focus,
-.btn-google.active:focus,
-.open > .dropdown-toggle.btn-google:focus,
-.btn-google:active.focus,
-.btn-google.active.focus,
-.open > .dropdown-toggle.btn-google.focus {
-  color: #fff;
-  background-color: #a32b1c;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google:active,
-.btn-google.active,
-.open > .dropdown-toggle.btn-google {
-  background-image: none;
-}
-.btn-google.disabled:hover,
-.btn-google[disabled]:hover,
-fieldset[disabled] .btn-google:hover,
-.btn-google.disabled:focus,
-.btn-google[disabled]:focus,
-fieldset[disabled] .btn-google:focus,
-.btn-google.disabled.focus,
-.btn-google[disabled].focus,
-fieldset[disabled] .btn-google.focus {
-  background-color: #dd4b39;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-google .badge {
-  color: #dd4b39;
-  background-color: #fff;
-}
-.btn-instagram {
-  color: #fff;
-  background-color: #3f729b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:focus,
-.btn-instagram.focus {
-  color: #fff;
-  background-color: #305777;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:hover {
-  color: #fff;
-  background-color: #305777;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:active,
-.btn-instagram.active,
-.open > .dropdown-toggle.btn-instagram {
-  color: #fff;
-  background-color: #305777;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:active:hover,
-.btn-instagram.active:hover,
-.open > .dropdown-toggle.btn-instagram:hover,
-.btn-instagram:active:focus,
-.btn-instagram.active:focus,
-.open > .dropdown-toggle.btn-instagram:focus,
-.btn-instagram:active.focus,
-.btn-instagram.active.focus,
-.open > .dropdown-toggle.btn-instagram.focus {
-  color: #fff;
-  background-color: #26455d;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram:active,
-.btn-instagram.active,
-.open > .dropdown-toggle.btn-instagram {
-  background-image: none;
-}
-.btn-instagram.disabled:hover,
-.btn-instagram[disabled]:hover,
-fieldset[disabled] .btn-instagram:hover,
-.btn-instagram.disabled:focus,
-.btn-instagram[disabled]:focus,
-fieldset[disabled] .btn-instagram:focus,
-.btn-instagram.disabled.focus,
-.btn-instagram[disabled].focus,
-fieldset[disabled] .btn-instagram.focus {
-  background-color: #3f729b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-instagram .badge {
-  color: #3f729b;
-  background-color: #fff;
-}
-.btn-linkedin {
-  color: #fff;
-  background-color: #007bb6;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:focus,
-.btn-linkedin.focus {
-  color: #fff;
-  background-color: #005983;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:hover {
-  color: #fff;
-  background-color: #005983;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:active,
-.btn-linkedin.active,
-.open > .dropdown-toggle.btn-linkedin {
-  color: #fff;
-  background-color: #005983;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:active:hover,
-.btn-linkedin.active:hover,
-.open > .dropdown-toggle.btn-linkedin:hover,
-.btn-linkedin:active:focus,
-.btn-linkedin.active:focus,
-.open > .dropdown-toggle.btn-linkedin:focus,
-.btn-linkedin:active.focus,
-.btn-linkedin.active.focus,
-.open > .dropdown-toggle.btn-linkedin.focus {
-  color: #fff;
-  background-color: #00405f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin:active,
-.btn-linkedin.active,
-.open > .dropdown-toggle.btn-linkedin {
-  background-image: none;
-}
-.btn-linkedin.disabled:hover,
-.btn-linkedin[disabled]:hover,
-fieldset[disabled] .btn-linkedin:hover,
-.btn-linkedin.disabled:focus,
-.btn-linkedin[disabled]:focus,
-fieldset[disabled] .btn-linkedin:focus,
-.btn-linkedin.disabled.focus,
-.btn-linkedin[disabled].focus,
-fieldset[disabled] .btn-linkedin.focus {
-  background-color: #007bb6;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-linkedin .badge {
-  color: #007bb6;
-  background-color: #fff;
-}
-.btn-microsoft {
-  color: #fff;
-  background-color: #2672ec;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:focus,
-.btn-microsoft.focus {
-  color: #fff;
-  background-color: #125acd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:hover {
-  color: #fff;
-  background-color: #125acd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:active,
-.btn-microsoft.active,
-.open > .dropdown-toggle.btn-microsoft {
-  color: #fff;
-  background-color: #125acd;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:active:hover,
-.btn-microsoft.active:hover,
-.open > .dropdown-toggle.btn-microsoft:hover,
-.btn-microsoft:active:focus,
-.btn-microsoft.active:focus,
-.open > .dropdown-toggle.btn-microsoft:focus,
-.btn-microsoft:active.focus,
-.btn-microsoft.active.focus,
-.open > .dropdown-toggle.btn-microsoft.focus {
-  color: #fff;
-  background-color: #0f4bac;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft:active,
-.btn-microsoft.active,
-.open > .dropdown-toggle.btn-microsoft {
-  background-image: none;
-}
-.btn-microsoft.disabled:hover,
-.btn-microsoft[disabled]:hover,
-fieldset[disabled] .btn-microsoft:hover,
-.btn-microsoft.disabled:focus,
-.btn-microsoft[disabled]:focus,
-fieldset[disabled] .btn-microsoft:focus,
-.btn-microsoft.disabled.focus,
-.btn-microsoft[disabled].focus,
-fieldset[disabled] .btn-microsoft.focus {
-  background-color: #2672ec;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-microsoft .badge {
-  color: #2672ec;
-  background-color: #fff;
-}
-.btn-openid {
-  color: #fff;
-  background-color: #f7931e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:focus,
-.btn-openid.focus {
-  color: #fff;
-  background-color: #da7908;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:hover {
-  color: #fff;
-  background-color: #da7908;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:active,
-.btn-openid.active,
-.open > .dropdown-toggle.btn-openid {
-  color: #fff;
-  background-color: #da7908;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:active:hover,
-.btn-openid.active:hover,
-.open > .dropdown-toggle.btn-openid:hover,
-.btn-openid:active:focus,
-.btn-openid.active:focus,
-.open > .dropdown-toggle.btn-openid:focus,
-.btn-openid:active.focus,
-.btn-openid.active.focus,
-.open > .dropdown-toggle.btn-openid.focus {
-  color: #fff;
-  background-color: #b86607;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid:active,
-.btn-openid.active,
-.open > .dropdown-toggle.btn-openid {
-  background-image: none;
-}
-.btn-openid.disabled:hover,
-.btn-openid[disabled]:hover,
-fieldset[disabled] .btn-openid:hover,
-.btn-openid.disabled:focus,
-.btn-openid[disabled]:focus,
-fieldset[disabled] .btn-openid:focus,
-.btn-openid.disabled.focus,
-.btn-openid[disabled].focus,
-fieldset[disabled] .btn-openid.focus {
-  background-color: #f7931e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-openid .badge {
-  color: #f7931e;
-  background-color: #fff;
-}
-.btn-pinterest {
-  color: #fff;
-  background-color: #cb2027;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:focus,
-.btn-pinterest.focus {
-  color: #fff;
-  background-color: #9f191f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:hover {
-  color: #fff;
-  background-color: #9f191f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:active,
-.btn-pinterest.active,
-.open > .dropdown-toggle.btn-pinterest {
-  color: #fff;
-  background-color: #9f191f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:active:hover,
-.btn-pinterest.active:hover,
-.open > .dropdown-toggle.btn-pinterest:hover,
-.btn-pinterest:active:focus,
-.btn-pinterest.active:focus,
-.open > .dropdown-toggle.btn-pinterest:focus,
-.btn-pinterest:active.focus,
-.btn-pinterest.active.focus,
-.open > .dropdown-toggle.btn-pinterest.focus {
-  color: #fff;
-  background-color: #801419;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest:active,
-.btn-pinterest.active,
-.open > .dropdown-toggle.btn-pinterest {
-  background-image: none;
-}
-.btn-pinterest.disabled:hover,
-.btn-pinterest[disabled]:hover,
-fieldset[disabled] .btn-pinterest:hover,
-.btn-pinterest.disabled:focus,
-.btn-pinterest[disabled]:focus,
-fieldset[disabled] .btn-pinterest:focus,
-.btn-pinterest.disabled.focus,
-.btn-pinterest[disabled].focus,
-fieldset[disabled] .btn-pinterest.focus {
-  background-color: #cb2027;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-pinterest .badge {
-  color: #cb2027;
-  background-color: #fff;
-}
-.btn-reddit {
-  color: #000;
-  background-color: #eff7ff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:focus,
-.btn-reddit.focus {
-  color: #000;
-  background-color: #bcddff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:hover {
-  color: #000;
-  background-color: #bcddff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:active,
-.btn-reddit.active,
-.open > .dropdown-toggle.btn-reddit {
-  color: #000;
-  background-color: #bcddff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:active:hover,
-.btn-reddit.active:hover,
-.open > .dropdown-toggle.btn-reddit:hover,
-.btn-reddit:active:focus,
-.btn-reddit.active:focus,
-.open > .dropdown-toggle.btn-reddit:focus,
-.btn-reddit:active.focus,
-.btn-reddit.active.focus,
-.open > .dropdown-toggle.btn-reddit.focus {
-  color: #000;
-  background-color: #98ccff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit:active,
-.btn-reddit.active,
-.open > .dropdown-toggle.btn-reddit {
-  background-image: none;
-}
-.btn-reddit.disabled:hover,
-.btn-reddit[disabled]:hover,
-fieldset[disabled] .btn-reddit:hover,
-.btn-reddit.disabled:focus,
-.btn-reddit[disabled]:focus,
-fieldset[disabled] .btn-reddit:focus,
-.btn-reddit.disabled.focus,
-.btn-reddit[disabled].focus,
-fieldset[disabled] .btn-reddit.focus {
-  background-color: #eff7ff;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-reddit .badge {
-  color: #eff7ff;
-  background-color: #000;
-}
-.btn-soundcloud {
-  color: #fff;
-  background-color: #ff5500;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:focus,
-.btn-soundcloud.focus {
-  color: #fff;
-  background-color: #cc4400;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:hover {
-  color: #fff;
-  background-color: #cc4400;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:active,
-.btn-soundcloud.active,
-.open > .dropdown-toggle.btn-soundcloud {
-  color: #fff;
-  background-color: #cc4400;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:active:hover,
-.btn-soundcloud.active:hover,
-.open > .dropdown-toggle.btn-soundcloud:hover,
-.btn-soundcloud:active:focus,
-.btn-soundcloud.active:focus,
-.open > .dropdown-toggle.btn-soundcloud:focus,
-.btn-soundcloud:active.focus,
-.btn-soundcloud.active.focus,
-.open > .dropdown-toggle.btn-soundcloud.focus {
-  color: #fff;
-  background-color: #a83800;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud:active,
-.btn-soundcloud.active,
-.open > .dropdown-toggle.btn-soundcloud {
-  background-image: none;
-}
-.btn-soundcloud.disabled:hover,
-.btn-soundcloud[disabled]:hover,
-fieldset[disabled] .btn-soundcloud:hover,
-.btn-soundcloud.disabled:focus,
-.btn-soundcloud[disabled]:focus,
-fieldset[disabled] .btn-soundcloud:focus,
-.btn-soundcloud.disabled.focus,
-.btn-soundcloud[disabled].focus,
-fieldset[disabled] .btn-soundcloud.focus {
-  background-color: #ff5500;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-soundcloud .badge {
-  color: #ff5500;
-  background-color: #fff;
-}
-.btn-tumblr {
-  color: #fff;
-  background-color: #2c4762;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:focus,
-.btn-tumblr.focus {
-  color: #fff;
-  background-color: #1c2d3f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:hover {
-  color: #fff;
-  background-color: #1c2d3f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:active,
-.btn-tumblr.active,
-.open > .dropdown-toggle.btn-tumblr {
-  color: #fff;
-  background-color: #1c2d3f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:active:hover,
-.btn-tumblr.active:hover,
-.open > .dropdown-toggle.btn-tumblr:hover,
-.btn-tumblr:active:focus,
-.btn-tumblr.active:focus,
-.open > .dropdown-toggle.btn-tumblr:focus,
-.btn-tumblr:active.focus,
-.btn-tumblr.active.focus,
-.open > .dropdown-toggle.btn-tumblr.focus {
-  color: #fff;
-  background-color: #111c26;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr:active,
-.btn-tumblr.active,
-.open > .dropdown-toggle.btn-tumblr {
-  background-image: none;
-}
-.btn-tumblr.disabled:hover,
-.btn-tumblr[disabled]:hover,
-fieldset[disabled] .btn-tumblr:hover,
-.btn-tumblr.disabled:focus,
-.btn-tumblr[disabled]:focus,
-fieldset[disabled] .btn-tumblr:focus,
-.btn-tumblr.disabled.focus,
-.btn-tumblr[disabled].focus,
-fieldset[disabled] .btn-tumblr.focus {
-  background-color: #2c4762;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-tumblr .badge {
-  color: #2c4762;
-  background-color: #fff;
-}
-.btn-twitter {
-  color: #fff;
-  background-color: #55acee;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:focus,
-.btn-twitter.focus {
-  color: #fff;
-  background-color: #2795e9;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:hover {
-  color: #fff;
-  background-color: #2795e9;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:active,
-.btn-twitter.active,
-.open > .dropdown-toggle.btn-twitter {
-  color: #fff;
-  background-color: #2795e9;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:active:hover,
-.btn-twitter.active:hover,
-.open > .dropdown-toggle.btn-twitter:hover,
-.btn-twitter:active:focus,
-.btn-twitter.active:focus,
-.open > .dropdown-toggle.btn-twitter:focus,
-.btn-twitter:active.focus,
-.btn-twitter.active.focus,
-.open > .dropdown-toggle.btn-twitter.focus {
-  color: #fff;
-  background-color: #1583d7;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter:active,
-.btn-twitter.active,
-.open > .dropdown-toggle.btn-twitter {
-  background-image: none;
-}
-.btn-twitter.disabled:hover,
-.btn-twitter[disabled]:hover,
-fieldset[disabled] .btn-twitter:hover,
-.btn-twitter.disabled:focus,
-.btn-twitter[disabled]:focus,
-fieldset[disabled] .btn-twitter:focus,
-.btn-twitter.disabled.focus,
-.btn-twitter[disabled].focus,
-fieldset[disabled] .btn-twitter.focus {
-  background-color: #55acee;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-twitter .badge {
-  color: #55acee;
-  background-color: #fff;
-}
-.btn-vimeo {
-  color: #fff;
-  background-color: #1ab7ea;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:focus,
-.btn-vimeo.focus {
-  color: #fff;
-  background-color: #1295bf;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:hover {
-  color: #fff;
-  background-color: #1295bf;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:active,
-.btn-vimeo.active,
-.open > .dropdown-toggle.btn-vimeo {
-  color: #fff;
-  background-color: #1295bf;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:active:hover,
-.btn-vimeo.active:hover,
-.open > .dropdown-toggle.btn-vimeo:hover,
-.btn-vimeo:active:focus,
-.btn-vimeo.active:focus,
-.open > .dropdown-toggle.btn-vimeo:focus,
-.btn-vimeo:active.focus,
-.btn-vimeo.active.focus,
-.open > .dropdown-toggle.btn-vimeo.focus {
-  color: #fff;
-  background-color: #0f7b9f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo:active,
-.btn-vimeo.active,
-.open > .dropdown-toggle.btn-vimeo {
-  background-image: none;
-}
-.btn-vimeo.disabled:hover,
-.btn-vimeo[disabled]:hover,
-fieldset[disabled] .btn-vimeo:hover,
-.btn-vimeo.disabled:focus,
-.btn-vimeo[disabled]:focus,
-fieldset[disabled] .btn-vimeo:focus,
-.btn-vimeo.disabled.focus,
-.btn-vimeo[disabled].focus,
-fieldset[disabled] .btn-vimeo.focus {
-  background-color: #1ab7ea;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vimeo .badge {
-  color: #1ab7ea;
-  background-color: #fff;
-}
-.btn-vk {
-  color: #fff;
-  background-color: #587ea3;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:focus,
-.btn-vk.focus {
-  color: #fff;
-  background-color: #466482;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:hover {
-  color: #fff;
-  background-color: #466482;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:active,
-.btn-vk.active,
-.open > .dropdown-toggle.btn-vk {
-  color: #fff;
-  background-color: #466482;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:active:hover,
-.btn-vk.active:hover,
-.open > .dropdown-toggle.btn-vk:hover,
-.btn-vk:active:focus,
-.btn-vk.active:focus,
-.open > .dropdown-toggle.btn-vk:focus,
-.btn-vk:active.focus,
-.btn-vk.active.focus,
-.open > .dropdown-toggle.btn-vk.focus {
-  color: #fff;
-  background-color: #3a526b;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk:active,
-.btn-vk.active,
-.open > .dropdown-toggle.btn-vk {
-  background-image: none;
-}
-.btn-vk.disabled:hover,
-.btn-vk[disabled]:hover,
-fieldset[disabled] .btn-vk:hover,
-.btn-vk.disabled:focus,
-.btn-vk[disabled]:focus,
-fieldset[disabled] .btn-vk:focus,
-.btn-vk.disabled.focus,
-.btn-vk[disabled].focus,
-fieldset[disabled] .btn-vk.focus {
-  background-color: #587ea3;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-vk .badge {
-  color: #587ea3;
-  background-color: #fff;
-}
-.btn-yahoo {
-  color: #fff;
-  background-color: #720e9e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:focus,
-.btn-yahoo.focus {
-  color: #fff;
-  background-color: #500a6f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:hover {
-  color: #fff;
-  background-color: #500a6f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:active,
-.btn-yahoo.active,
-.open > .dropdown-toggle.btn-yahoo {
-  color: #fff;
-  background-color: #500a6f;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:active:hover,
-.btn-yahoo.active:hover,
-.open > .dropdown-toggle.btn-yahoo:hover,
-.btn-yahoo:active:focus,
-.btn-yahoo.active:focus,
-.open > .dropdown-toggle.btn-yahoo:focus,
-.btn-yahoo:active.focus,
-.btn-yahoo.active.focus,
-.open > .dropdown-toggle.btn-yahoo.focus {
-  color: #fff;
-  background-color: #39074e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo:active,
-.btn-yahoo.active,
-.open > .dropdown-toggle.btn-yahoo {
-  background-image: none;
-}
-.btn-yahoo.disabled:hover,
-.btn-yahoo[disabled]:hover,
-fieldset[disabled] .btn-yahoo:hover,
-.btn-yahoo.disabled:focus,
-.btn-yahoo[disabled]:focus,
-fieldset[disabled] .btn-yahoo:focus,
-.btn-yahoo.disabled.focus,
-.btn-yahoo[disabled].focus,
-fieldset[disabled] .btn-yahoo.focus {
-  background-color: #720e9e;
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.btn-yahoo .badge {
-  color: #720e9e;
-  background-color: #fff;
-}
-/*
- * Plugin: Full Calendar
- * ---------------------
- */
+
 .fc-button {
-  background: #f4f4f4;
+  background: #f8f9fa;
   background-image: none;
-  color: #444;
-  border-color: #ddd;
   border-bottom-color: #ddd;
+  border-color: #ddd;
+  color: #495057;
 }
-.fc-button:hover,
-.fc-button:active,
-.fc-button.hover {
+
+.fc-button:hover, .fc-button:active, .fc-button.hover {
   background-color: #e9e9e9;
 }
+
 .fc-header-title h2 {
+  color: #666;
   font-size: 15px;
   line-height: 1.6em;
-  color: #666;
   margin-left: 10px;
 }
+
 .fc-header-right {
   padding-right: 10px;
 }
+
 .fc-header-left {
   padding-left: 10px;
 }
+
 .fc-widget-header {
   background: #fafafa;
 }
+
 .fc-grid {
-  width: 100%;
   border: 0;
+  width: 100%;
 }
+
 .fc-widget-header:first-of-type,
 .fc-widget-content:first-of-type {
   border-left: 0;
   border-right: 0;
 }
+
 .fc-widget-header:last-of-type,
 .fc-widget-content:last-of-type {
   border-right: 0;
 }
-.fc-toolbar {
-  padding: 10px;
+
+.fc-toolbar,
+.fc-toolbar.fc-header-toolbar {
   margin: 0;
+  padding: 1rem;
 }
+
+@media (max-width: 575.98px) {
+  .fc-toolbar {
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+  .fc-toolbar .fc-left {
+    -ms-flex-order: 1;
+    order: 1;
+    margin-bottom: .5rem;
+  }
+  .fc-toolbar .fc-center {
+    -ms-flex-order: 0;
+    order: 0;
+    margin-bottom: .375rem;
+  }
+  .fc-toolbar .fc-right {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+}
+
 .fc-day-number {
   font-size: 20px;
   font-weight: 300;
   padding-right: 10px;
 }
+
 .fc-color-picker {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 .fc-color-picker > li {
   float: left;
   font-size: 30px;
-  margin-right: 5px;
   line-height: 30px;
+  margin-right: 5px;
 }
-.fc-color-picker > li .fa {
-  transition: transform linear 0.3s;
+
+.fc-color-picker > li .fa,
+.fc-color-picker > li .fas,
+.fc-color-picker > li .far,
+.fc-color-picker > li .fab,
+.fc-color-picker > li .fal,
+.fc-color-picker > li .fad,
+.fc-color-picker > li .svg-inline--fa,
+.fc-color-picker > li .ion {
+  transition: transform linear .3s;
 }
-.fc-color-picker > li .fa:hover {
+
+.fc-color-picker > li .fa:hover,
+.fc-color-picker > li .fas:hover,
+.fc-color-picker > li .far:hover,
+.fc-color-picker > li .fab:hover,
+.fc-color-picker > li .fal:hover,
+.fc-color-picker > li .fad:hover,
+.fc-color-picker > li .svg-inline--fa:hover,
+.fc-color-picker > li .ion:hover {
   transform: rotate(30deg);
 }
+
 #add-new-event {
-  transition: all linear 0.3s;
+  transition: all linear .3s;
 }
+
 .external-event {
-  padding: 5px 10px;
-  font-weight: bold;
-  margin-bottom: 4px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
   cursor: move;
+  font-weight: 700;
+  margin-bottom: 4px;
+  padding: 5px 10px;
 }
+
 .external-event:hover {
   box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
 }
-/*
- * Plugin: Select2
- * ---------------
- */
-.select2-container--default.select2-container--focus,
-.select2-selection.select2-container--focus,
-.select2-container--default:focus,
-.select2-selection:focus,
-.select2-container--default:active,
-.select2-selection:active {
-  outline: none;
+
+.select2-container--default .select2-selection--single {
+  border: 1px solid #ced4da;
+  padding: 0.46875rem 0.75rem;
+  height: calc(2.25rem + 2px);
 }
-.select2-container--default .select2-selection--single,
-.select2-selection .select2-selection--single {
-  border: 1px solid #d2d6de;
-  border-radius: 0;
+
+.select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-dropdown {
+  border: 1px solid #ced4da;
+}
+
+.select2-container--default .select2-results__option {
   padding: 6px 12px;
-  height: 34px;
-}
-.select2-container--default.select2-container--open {
-  border-color: #3c8dbc;
-}
-.select2-dropdown {
-  border: 1px solid #d2d6de;
-  border-radius: 0;
-}
-.select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #3c8dbc;
-  color: white;
-}
-.select2-results__option {
-  padding: 6px 12px;
-  -moz-user-select: none;
-       user-select: none;
   -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
-.select2-container .select2-selection--single .select2-selection__rendered {
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
   padding-left: 0;
-  padding-right: 0;
   height: auto;
-  margin-top: -4px;
+  margin-top: -3px;
 }
-.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
   padding-right: 6px;
   padding-left: 20px;
 }
+
 .select2-container--default .select2-selection--single .select2-selection__arrow {
-  height: 28px;
-  right: 3px;
+  height: 31px;
+  right: 6px;
 }
+
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   margin-top: 0;
 }
-.select2-dropdown .select2-search__field,
-.select2-search--inline .select2-search__field {
-  border: 1px solid #d2d6de;
+
+.select2-container--default .select2-dropdown .select2-search__field,
+.select2-container--default .select2-search--inline .select2-search__field {
+  border: 1px solid #ced4da;
 }
-.select2-dropdown .select2-search__field:focus,
-.select2-search--inline .select2-search__field:focus {
+
+.select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-search--inline .select2-search__field:focus {
   outline: none;
+  border: 1px solid #80bdff;
 }
-.select2-container--default.select2-container--focus .select2-selection--multiple,
-.select2-container--default .select2-search--dropdown .select2-search__field {
-  border-color: #3c8dbc !important;
+
+.select2-container--default .select2-dropdown.select2-dropdown--below {
+  border-top: 0;
 }
-.select2-container--default .select2-results__option[aria-disabled=true] {
-  color: #999;
+
+.select2-container--default .select2-dropdown.select2-dropdown--above {
+  border-bottom: 0;
 }
-.select2-container--default .select2-results__option[aria-selected=true] {
-  background-color: #ddd;
+
+.select2-container--default .select2-results__option[aria-disabled='true'] {
+  color: #6c757d;
 }
-.select2-container--default .select2-results__option[aria-selected=true],
-.select2-container--default .select2-results__option[aria-selected=true]:hover {
-  color: #444;
+
+.select2-container--default .select2-results__option[aria-selected='true'] {
+  background-color: #dee2e6;
 }
-.select2-container--default .select2-selection--multiple {
-  border: 1px solid #d2d6de;
-  border-radius: 0;
+
+.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover {
+  color: #1f2d3d;
 }
-.select2-container--default .select2-selection--multiple:focus {
-  border-color: #3c8dbc;
-}
-.select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: #d2d6de;
-}
-.select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #3c8dbc;
-  border-color: #367fa9;
-  padding: 1px 10px;
+
+.select2-container--default .select2-results__option--highlighted {
+  background-color: #007bff;
   color: #fff;
 }
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  margin-right: 5px;
-  color: rgba(255, 255, 255, 0.7);
+
+.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #0074f0;
+  color: #fff;
 }
+
+.select2-container--default .select2-selection--multiple {
+  border: 1px solid #ced4da;
+  min-height: calc(2.25rem + 2px);
+}
+
+.select2-container--default .select2-selection--multiple:focus {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+  padding: 0 0.375rem 0.375rem;
+  margin-bottom: -0.375rem;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
+  width: 100%;
+  margin-left: 0.375rem;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field {
+  width: 100% !important;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
+  border: 0;
+  margin-top: 6px;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #007bff;
+  border-color: #006fe6;
+  color: #fff;
+  padding: 0 10px;
+  margin-top: .31rem;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+  float: right;
+  margin-left: 5px;
+  margin-right: -2px;
+}
+
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #fff;
 }
-.select2-container .select2-selection--single .select2-selection__rendered {
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field {
+  margin-top: 8px;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice {
+  margin-top: .4rem;
+}
+
+.select2-container--default.select2-container--focus .select2-selection--single,
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #80bdff;
+}
+
+.select2-container--default.select2-container--focus .select2-search__field {
+  border: 0;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered li {
   padding-right: 10px;
 }
-.box .datepicker-inline,
-.box .datepicker-inline .datepicker-days,
-.box .datepicker-inline > table,
-.box .datepicker-inline .datepicker-days > table {
+
+.input-group-prepend ~ .select2-container--default .select2-selection {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.input-group > .select2-container--default:not(:last-child) .select2-selection {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.select2-container--bootstrap4.select2-container--focus .select2-selection {
+  box-shadow: none;
+}
+
+select.form-control-sm ~ .select2-container--default {
+  font-size: 75%;
+}
+
+.text-sm .select2-container--default .select2-selection--single,
+select.form-control-sm ~ .select2-container--default .select2-selection--single {
+  height: calc(1.8125rem + 2px);
+}
+
+.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered,
+select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
+  margin-top: -.4rem;
+}
+
+.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow,
+select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
+  top: -.12rem;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple {
+  min-height: calc(1.8125rem + 2px);
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
+  padding: 0 0.25rem 0.25rem;
+  margin-top: -0.1rem;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
+  margin-left: 0.25rem;
+}
+
+.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,
+select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
+  margin-top: 6px;
+}
+
+.maximized-card .select2-dropdown {
+  z-index: 9999;
+}
+
+.select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
+.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #80bdff;
+}
+
+.select2-container--default .select2-primary .select2-results__option--highlighted,
+.select2-primary .select2-container--default .select2-results__option--highlighted {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
+.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #0074f0;
+  color: #fff;
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple:focus,
+.select2-primary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
+.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #007bff;
+  border-color: #006fe6;
+  color: #fff;
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
+.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,
+.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #80bdff;
+}
+
+.select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
+.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .select2-secondary .select2-results__option--highlighted,
+.select2-secondary .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
+.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple:focus,
+.select2-secondary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,
+.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
+.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,
+.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.select2-success + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
+.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #71dd8a;
+}
+
+.select2-container--default .select2-success .select2-results__option--highlighted,
+.select2-success .select2-container--default .select2-results__option--highlighted {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,
+.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #259b40;
+  color: #fff;
+}
+
+.select2-container--default .select2-success .select2-selection--multiple:focus,
+.select2-success .select2-container--default .select2-selection--multiple:focus {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,
+.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #28a745;
+  border-color: #23923d;
+  color: #fff;
+}
+
+.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,
+.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,
+.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #71dd8a;
+}
+
+.select2-info + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
+.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #63d9ec;
+}
+
+.select2-container--default .select2-info .select2-results__option--highlighted,
+.select2-info .select2-container--default .select2-results__option--highlighted {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,
+.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1596aa;
+  color: #fff;
+}
+
+.select2-container--default .select2-info .select2-selection--multiple:focus,
+.select2-info .select2-container--default .select2-selection--multiple:focus {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,
+.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #17a2b8;
+  border-color: #148ea1;
+  color: #fff;
+}
+
+.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,
+.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,
+.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #63d9ec;
+}
+
+.select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
+.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #ffe187;
+}
+
+.select2-container--default .select2-warning .select2-results__option--highlighted,
+.select2-warning .select2-container--default .select2-results__option--highlighted {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
+.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7b900;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple:focus,
+.select2-warning .select2-container--default .select2-selection--multiple:focus {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,
+.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #ffc107;
+  border-color: #edb100;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
+.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,
+.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #ffe187;
+}
+
+.select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
+.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #efa2a9;
+}
+
+.select2-container--default .select2-danger .select2-results__option--highlighted,
+.select2-danger .select2-container--default .select2-results__option--highlighted {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
+.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #da2839;
+  color: #fff;
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple:focus,
+.select2-danger .select2-container--default .select2-selection--multiple:focus {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,
+.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #dc3545;
+  border-color: #d32535;
+  color: #fff;
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
+.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,
+.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #efa2a9;
+}
+
+.select2-light + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
+.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .select2-light .select2-results__option--highlighted,
+.select2-light .select2-container--default .select2-results__option--highlighted {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,
+.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #eff1f4;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light .select2-selection--multiple:focus,
+.select2-light .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,
+.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,
+.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,
+.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
+.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .select2-dark .select2-results__option--highlighted,
+.select2-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
+.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple:focus,
+.select2-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,
+.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
+.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,
+.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #99c5de;
+}
+
+.select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #99c5de;
+}
+
+.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,
+.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #99c5de;
+}
+
+.select2-container--default .select2-lightblue .select2-results__option--highlighted,
+.select2-lightblue .select2-container--default .select2-results__option--highlighted {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
+.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #3884b0;
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple:focus,
+.select2-lightblue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #99c5de;
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice,
+.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3c8dbc;
+  border-color: #367fa9;
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
+.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple,
+.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #99c5de;
+}
+
+.select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #005ebf;
+}
+
+.select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #005ebf;
+}
+
+.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
+.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #005ebf;
+}
+
+.select2-container--default .select2-navy .select2-results__option--highlighted,
+.select2-navy .select2-container--default .select2-results__option--highlighted {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
+.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #001730;
+  color: #fff;
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple:focus,
+.select2-navy .select2-container--default .select2-selection--multiple:focus {
+  border-color: #005ebf;
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,
+.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #001f3f;
+  border-color: #001226;
+  color: #fff;
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
+.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,
+.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #005ebf;
+}
+
+.select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #87cfaf;
+}
+
+.select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #87cfaf;
+}
+
+.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
+.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #87cfaf;
+}
+
+.select2-container--default .select2-olive .select2-results__option--highlighted,
+.select2-olive .select2-container--default .select2-results__option--highlighted {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
+.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #398e68;
+  color: #fff;
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple:focus,
+.select2-olive .select2-container--default .select2-selection--multiple:focus {
+  border-color: #87cfaf;
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,
+.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3d9970;
+  border-color: #368763;
+  color: #fff;
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
+.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,
+.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #87cfaf;
+}
+
+.select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #81ffb8;
+}
+
+.select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #81ffb8;
+}
+
+.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
+.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #81ffb8;
+}
+
+.select2-container--default .select2-lime .select2-results__option--highlighted,
+.select2-lime .select2-container--default .select2-results__option--highlighted {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
+.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #00f169;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple:focus,
+.select2-lime .select2-container--default .select2-selection--multiple:focus {
+  border-color: #81ffb8;
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,
+.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #01ff70;
+  border-color: #00e765;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
+.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,
+.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #81ffb8;
+}
+
+.select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f88adf;
+}
+
+.select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f88adf;
+}
+
+.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
+.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f88adf;
+}
+
+.select2-container--default .select2-fuchsia .select2-results__option--highlighted,
+.select2-fuchsia .select2-container--default .select2-results__option--highlighted {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
+.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e40eb4;
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple:focus,
+.select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f88adf;
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
+.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f012be;
+  border-color: #db0ead;
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
+.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,
+.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f88adf;
+}
+
+.select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f083ab;
+}
+
+.select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f083ab;
+}
+
+.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
+.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f083ab;
+}
+
+.select2-container--default .select2-maroon .select2-results__option--highlighted,
+.select2-maroon .select2-container--default .select2-results__option--highlighted {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
+.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #ca195a;
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple:focus,
+.select2-maroon .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f083ab;
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,
+.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #d81b60;
+  border-color: #c11856;
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
+.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,
+.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f083ab;
+}
+
+.select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
+.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #80bdff;
+}
+
+.select2-container--default .select2-blue .select2-results__option--highlighted,
+.select2-blue .select2-container--default .select2-results__option--highlighted {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
+.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #0074f0;
+  color: #fff;
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple:focus,
+.select2-blue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #80bdff;
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice,
+.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #007bff;
+  border-color: #006fe6;
+  color: #fff;
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
+.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple,
+.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #80bdff;
+}
+
+.select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
+.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b389f9;
+}
+
+.select2-container--default .select2-indigo .select2-results__option--highlighted,
+.select2-indigo .select2-container--default .select2-results__option--highlighted {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
+.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #5f0de6;
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple:focus,
+.select2-indigo .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b389f9;
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,
+.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6610f2;
+  border-color: #5b0cdd;
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
+.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,
+.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b389f9;
+}
+
+.select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
+.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b8a2e0;
+}
+
+.select2-container--default .select2-purple .select2-results__option--highlighted,
+.select2-purple .select2-container--default .select2-results__option--highlighted {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
+.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #683cb8;
+  color: #fff;
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple:focus,
+.select2-purple .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,
+.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6f42c1;
+  border-color: #643ab0;
+  color: #fff;
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
+.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,
+.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b8a2e0;
+}
+
+.select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
+.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f6b0d0;
+}
+
+.select2-container--default .select2-pink .select2-results__option--highlighted,
+.select2-pink .select2-container--default .select2-results__option--highlighted {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
+.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e63084;
+  color: #fff;
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple:focus,
+.select2-pink .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,
+.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e83e8c;
+  border-color: #e5277e;
+  color: #fff;
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
+.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,
+.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f6b0d0;
+}
+
+.select2-red + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
+.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #efa2a9;
+}
+
+.select2-container--default .select2-red .select2-results__option--highlighted,
+.select2-red .select2-container--default .select2-results__option--highlighted {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,
+.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #da2839;
+  color: #fff;
+}
+
+.select2-container--default .select2-red .select2-selection--multiple:focus,
+.select2-red .select2-container--default .select2-selection--multiple:focus {
+  border-color: #efa2a9;
+}
+
+.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,
+.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #dc3545;
+  border-color: #d32535;
+  color: #fff;
+}
+
+.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,
+.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,
+.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #efa2a9;
+}
+
+.select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #fec392;
+}
+
+.select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #fec392;
+}
+
+.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
+.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #fec392;
+}
+
+.select2-container--default .select2-orange .select2-results__option--highlighted,
+.select2-orange .select2-container--default .select2-results__option--highlighted {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
+.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #fd7605;
+  color: #fff;
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple:focus,
+.select2-orange .select2-container--default .select2-selection--multiple:focus {
+  border-color: #fec392;
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,
+.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fd7e14;
+  border-color: #f57102;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
+.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,
+.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #fec392;
+}
+
+.select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
+.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #ffe187;
+}
+
+.select2-container--default .select2-yellow .select2-results__option--highlighted,
+.select2-yellow .select2-container--default .select2-results__option--highlighted {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
+.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7b900;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple:focus,
+.select2-yellow .select2-container--default .select2-selection--multiple:focus {
+  border-color: #ffe187;
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,
+.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #ffc107;
+  border-color: #edb100;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
+.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,
+.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #ffe187;
+}
+
+.select2-green + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
+.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #71dd8a;
+}
+
+.select2-container--default .select2-green .select2-results__option--highlighted,
+.select2-green .select2-container--default .select2-results__option--highlighted {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,
+.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #259b40;
+  color: #fff;
+}
+
+.select2-container--default .select2-green .select2-selection--multiple:focus,
+.select2-green .select2-container--default .select2-selection--multiple:focus {
+  border-color: #71dd8a;
+}
+
+.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,
+.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #28a745;
+  border-color: #23923d;
+  color: #fff;
+}
+
+.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,
+.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,
+.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #71dd8a;
+}
+
+.select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
+.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #7eeaca;
+}
+
+.select2-container--default .select2-teal .select2-results__option--highlighted,
+.select2-teal .select2-container--default .select2-results__option--highlighted {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
+.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1ebc8d;
+  color: #fff;
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple:focus,
+.select2-teal .select2-container--default .select2-selection--multiple:focus {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,
+.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #20c997;
+  border-color: #1cb386;
+  color: #fff;
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
+.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,
+.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #7eeaca;
+}
+
+.select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
+.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #63d9ec;
+}
+
+.select2-container--default .select2-cyan .select2-results__option--highlighted,
+.select2-cyan .select2-container--default .select2-results__option--highlighted {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
+.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1596aa;
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple:focus,
+.select2-cyan .select2-container--default .select2-selection--multiple:focus {
+  border-color: #63d9ec;
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,
+.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #17a2b8;
+  border-color: #148ea1;
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
+.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,
+.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #63d9ec;
+}
+
+.select2-white + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
+.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .select2-white .select2-results__option--highlighted,
+.select2-white .select2-container--default .select2-results__option--highlighted {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,
+.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7f7f7;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white .select2-selection--multiple:focus,
+.select2-white .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,
+.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fff;
+  border-color: #f2f2f2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,
+.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,
+.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
+.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .select2-gray .select2-results__option--highlighted,
+.select2-gray .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
+.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple:focus,
+.select2-gray .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,
+.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
+.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,
+.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,
+.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .select2-gray-dark .select2-results__option--highlighted,
+.select2-gray-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
+.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple:focus,
+.select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
+.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
+.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,
+.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-selection {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.dark-mode .select2-container--disabled .select2-selection--single {
+  background-color: #454d55;
+}
+
+.dark-mode .select2-selection--single {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
+.dark-mode .select2-selection--single .select2-selection__rendered {
+  color: #fff;
+}
+
+.dark-mode .select2-dropdown .select2-search__field,
+.dark-mode .select2-search--inline .select2-search__field {
+  background-color: #343a40;
+  border-color: #6c757d;
+  color: white;
+}
+
+.dark-mode .select2-dropdown {
+  background-color: #343a40;
+  border-color: #6c757d;
+  color: white;
+}
+
+.dark-mode .select2-results__option[aria-selected="true"] {
+  background-color: #3f474e !important;
+  color: #dee2e6;
+}
+
+.dark-mode .select2-container .select2-search--inline .select2-search__field {
+  background-color: transparent;
+  color: #fff;
+}
+
+.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
+  color: #fff;
+}
+
+.dark-mode .select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted,
+.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #3a5f86;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3f6791;
+  border-color: #375a7f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted,
+.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-success + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted,
+.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #00ad81;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #00bc8c;
+  border-color: #00a379;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-info + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted,
+.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2791d9;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3498db;
+  border-color: #258cd1;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted,
+.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #ea940c;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f39c12;
+  border-color: #e08e0b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted,
+.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e53f2e;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e74c3c;
+  border-color: #e43725;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-light + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.dark-mode .select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted,
+.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #eff1f4;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f8f9fa;
+  border-color: #e9ecef;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.dark-mode .select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted,
+.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #e6f1f7;
+}
+
+.select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #e6f1f7;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted,
+.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #7ab3d5;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #e6f1f7;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #86bad8;
+  border-color: #72afd2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #006ad8;
+}
+
+.dark-mode .select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #006ad8;
+}
+
+.select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #006ad8;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted,
+.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #002449;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus {
+  border-color: #006ad8;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #002c59;
+  border-color: #001f3f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #006ad8;
+}
+
+.dark-mode .select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #cfecdf;
+}
+
+.dark-mode .select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #cfecdf;
+}
+
+.select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #cfecdf;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted,
+.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #69c39b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus {
+  border-color: #cfecdf;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #74c8a3;
+  border-color: #62c096;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #cfecdf;
+}
+
+.dark-mode .select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #e7fff1;
+}
+
+.dark-mode .select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #e7fff1;
+}
+
+.select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #e7fff1;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted,
+.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #58ffa1;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus {
+  border-color: #e7fff1;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #67ffa9;
+  border-color: #4eff9b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #e7fff1;
+}
+
+.dark-mode .select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #feeaf9;
+}
+
+.dark-mode .select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #feeaf9;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #feeaf9;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted,
+.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f564d4;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
+  border-color: #feeaf9;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f672d8;
+  border-color: #f55ad2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #feeaf9;
+}
+
+.dark-mode .select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #fbdee8;
+}
+
+.dark-mode .select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #fbdee8;
+}
+
+.select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #fbdee8;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted,
+.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #eb5f92;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus {
+  border-color: #fbdee8;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #ed6c9b;
+  border-color: #ea568c;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #fbdee8;
+}
+
+.dark-mode .select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted,
+.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #3a5f86;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus {
+  border-color: #85a7ca;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3f6791;
+  border-color: #375a7f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #85a7ca;
+}
+
+.dark-mode .select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.dark-mode .select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b389f9;
+}
+
+.select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b389f9;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted,
+.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #5f0de6;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b389f9;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6610f2;
+  border-color: #5b0cdd;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b389f9;
+}
+
+.dark-mode .select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #b8a2e0;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted,
+.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #683cb8;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus {
+  border-color: #b8a2e0;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6f42c1;
+  border-color: #643ab0;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f6b0d0;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted,
+.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e63084;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f6b0d0;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e83e8c;
+  border-color: #e5277e;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .select2-red + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted,
+.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #e53f2e;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f5b4ae;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e74c3c;
+  border-color: #e43725;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #fec392;
+}
+
+.dark-mode .select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #fec392;
+}
+
+.select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #fec392;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted,
+.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #fd7605;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus {
+  border-color: #fec392;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fd7e14;
+  border-color: #f57102;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #fec392;
+}
+
+.dark-mode .select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted,
+.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #ea940c;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus {
+  border-color: #f9cf8b;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #f39c12;
+  border-color: #e08e0b;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .select2-green + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted,
+.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #00ad81;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus {
+  border-color: #3dffcd;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #00bc8c;
+  border-color: #00a379;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #3dffcd;
+}
+
+.dark-mode .select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.dark-mode .select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #7eeaca;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted,
+.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #1ebc8d;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus {
+  border-color: #7eeaca;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #20c997;
+  border-color: #1cb386;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #7eeaca;
+}
+
+.dark-mode .select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted,
+.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2791d9;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus {
+  border-color: #a0cfee;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3498db;
+  border-color: #258cd1;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #a0cfee;
+}
+
+.dark-mode .select2-white + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: white;
+}
+
+.dark-mode .select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid white;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted,
+.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #f7f7f7;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus {
+  border-color: white;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #fff;
+  border-color: #f2f2f2;
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(31, 45, 61, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #1f2d3d;
+}
+
+.select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: white;
+}
+
+.dark-mode .select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted,
+.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #656d75;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus {
+  border-color: #afb5ba;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #6c757d;
+  border-color: #60686f;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #afb5ba;
+}
+
+.dark-mode .select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.dark-mode .select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus,
+.select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus,
+.dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
+.dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
+  border: 1px solid #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted,
+.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
+.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
+.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
+  background-color: #2d3238;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
+  border-color: #6d7a86;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #343a40;
+  border-color: #292d32;
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
+.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #fff;
+}
+
+.select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple,
+.dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: #6d7a86;
+}
+
+.slider .tooltip.in {
+  opacity: 0.9;
+}
+
+.slider.slider-vertical {
+  height: 100%;
+}
+
+.slider.slider-horizontal {
   width: 100%;
 }
-.box .datepicker-inline td:hover,
-.box .datepicker-inline .datepicker-days td:hover,
-.box .datepicker-inline > table td:hover,
-.box .datepicker-inline .datepicker-days > table td:hover {
-  background-color: rgba(255, 255, 255, 0.3);
+
+.slider-primary .slider .slider-selection {
+  background: #007bff;
 }
-.box .datepicker-inline td.day.old,
-.box .datepicker-inline .datepicker-days td.day.old,
-.box .datepicker-inline > table td.day.old,
-.box .datepicker-inline .datepicker-days > table td.day.old,
-.box .datepicker-inline td.day.new,
-.box .datepicker-inline .datepicker-days td.day.new,
-.box .datepicker-inline > table td.day.new,
-.box .datepicker-inline .datepicker-days > table td.day.new {
-  color: #777;
+
+.slider-secondary .slider .slider-selection {
+  background: #6c757d;
 }
-/*
- * General: Miscellaneous
- * ----------------------
- */
-.pad {
-  padding: 10px;
+
+.slider-success .slider .slider-selection {
+  background: #28a745;
 }
-.margin {
-  margin: 10px;
+
+.slider-info .slider .slider-selection {
+  background: #17a2b8;
 }
-.margin-bottom {
-  margin-bottom: 20px;
+
+.slider-warning .slider .slider-selection {
+  background: #ffc107;
 }
-.margin-bottom-none {
-  margin-bottom: 0;
+
+.slider-danger .slider .slider-selection {
+  background: #dc3545;
 }
-.margin-r-5 {
-  margin-right: 5px;
+
+.slider-light .slider .slider-selection {
+  background: #f8f9fa;
 }
-.inline {
-  display: inline;
+
+.slider-dark .slider .slider-selection {
+  background: #343a40;
 }
-.description-block {
+
+.slider-lightblue .slider .slider-selection {
+  background: #3c8dbc;
+}
+
+.slider-navy .slider .slider-selection {
+  background: #001f3f;
+}
+
+.slider-olive .slider .slider-selection {
+  background: #3d9970;
+}
+
+.slider-lime .slider .slider-selection {
+  background: #01ff70;
+}
+
+.slider-fuchsia .slider .slider-selection {
+  background: #f012be;
+}
+
+.slider-maroon .slider .slider-selection {
+  background: #d81b60;
+}
+
+.slider-blue .slider .slider-selection {
+  background: #007bff;
+}
+
+.slider-indigo .slider .slider-selection {
+  background: #6610f2;
+}
+
+.slider-purple .slider .slider-selection {
+  background: #6f42c1;
+}
+
+.slider-pink .slider .slider-selection {
+  background: #e83e8c;
+}
+
+.slider-red .slider .slider-selection {
+  background: #dc3545;
+}
+
+.slider-orange .slider .slider-selection {
+  background: #fd7e14;
+}
+
+.slider-yellow .slider .slider-selection {
+  background: #ffc107;
+}
+
+.slider-green .slider .slider-selection {
+  background: #28a745;
+}
+
+.slider-teal .slider .slider-selection {
+  background: #20c997;
+}
+
+.slider-cyan .slider .slider-selection {
+  background: #17a2b8;
+}
+
+.slider-white .slider .slider-selection {
+  background: #fff;
+}
+
+.slider-gray .slider .slider-selection {
+  background: #6c757d;
+}
+
+.slider-gray-dark .slider .slider-selection {
+  background: #343a40;
+}
+
+.dark-mode .slider-track {
+  background-color: #4b545c;
+  background-image: none;
+}
+
+.dark-mode .slider-primary .slider .slider-selection {
+  background: #3f6791;
+}
+
+.dark-mode .slider-secondary .slider .slider-selection {
+  background: #6c757d;
+}
+
+.dark-mode .slider-success .slider .slider-selection {
+  background: #00bc8c;
+}
+
+.dark-mode .slider-info .slider .slider-selection {
+  background: #3498db;
+}
+
+.dark-mode .slider-warning .slider .slider-selection {
+  background: #f39c12;
+}
+
+.dark-mode .slider-danger .slider .slider-selection {
+  background: #e74c3c;
+}
+
+.dark-mode .slider-light .slider .slider-selection {
+  background: #f8f9fa;
+}
+
+.dark-mode .slider-dark .slider .slider-selection {
+  background: #343a40;
+}
+
+.dark-mode .slider-lightblue .slider .slider-selection {
+  background: #86bad8;
+}
+
+.dark-mode .slider-navy .slider .slider-selection {
+  background: #002c59;
+}
+
+.dark-mode .slider-olive .slider .slider-selection {
+  background: #74c8a3;
+}
+
+.dark-mode .slider-lime .slider .slider-selection {
+  background: #67ffa9;
+}
+
+.dark-mode .slider-fuchsia .slider .slider-selection {
+  background: #f672d8;
+}
+
+.dark-mode .slider-maroon .slider .slider-selection {
+  background: #ed6c9b;
+}
+
+.dark-mode .slider-blue .slider .slider-selection {
+  background: #3f6791;
+}
+
+.dark-mode .slider-indigo .slider .slider-selection {
+  background: #6610f2;
+}
+
+.dark-mode .slider-purple .slider .slider-selection {
+  background: #6f42c1;
+}
+
+.dark-mode .slider-pink .slider .slider-selection {
+  background: #e83e8c;
+}
+
+.dark-mode .slider-red .slider .slider-selection {
+  background: #e74c3c;
+}
+
+.dark-mode .slider-orange .slider .slider-selection {
+  background: #fd7e14;
+}
+
+.dark-mode .slider-yellow .slider .slider-selection {
+  background: #f39c12;
+}
+
+.dark-mode .slider-green .slider .slider-selection {
+  background: #00bc8c;
+}
+
+.dark-mode .slider-teal .slider .slider-selection {
+  background: #20c997;
+}
+
+.dark-mode .slider-cyan .slider .slider-selection {
+  background: #3498db;
+}
+
+.dark-mode .slider-white .slider .slider-selection {
+  background: #fff;
+}
+
+.dark-mode .slider-gray .slider .slider-selection {
+  background: #6c757d;
+}
+
+.dark-mode .slider-gray-dark .slider .slider-selection {
+  background: #343a40;
+}
+
+.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-primary > input:first-child:checked + label::before,
+.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-secondary > input:first-child:checked + label::before,
+.icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-success > input:first-child:checked + label::before,
+.icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-info > input:first-child:checked + label::before,
+.icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-warning > input:first-child:checked + label::before,
+.icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-danger > input:first-child:checked + label::before,
+.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.icheck-light > input:first-child:checked + label::before,
+.icheck-light > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-dark > input:first-child:checked + label::before,
+.icheck-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3c8dbc;
+}
+
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3c8dbc;
+}
+
+.icheck-lightblue > input:first-child:checked + label::before,
+.icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3c8dbc;
+  border-color: #3c8dbc;
+}
+
+.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #001f3f;
+}
+
+.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #001f3f;
+}
+
+.icheck-navy > input:first-child:checked + label::before,
+.icheck-navy > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #001f3f;
+  border-color: #001f3f;
+}
+
+.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3d9970;
+}
+
+.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3d9970;
+}
+
+.icheck-olive > input:first-child:checked + label::before,
+.icheck-olive > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3d9970;
+  border-color: #3d9970;
+}
+
+.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #01ff70;
+}
+
+.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #01ff70;
+}
+
+.icheck-lime > input:first-child:checked + label::before,
+.icheck-lime > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #01ff70;
+  border-color: #01ff70;
+}
+
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f012be;
+}
+
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f012be;
+}
+
+.icheck-fuchsia > input:first-child:checked + label::before,
+.icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f012be;
+  border-color: #f012be;
+}
+
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #d81b60;
+}
+
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #d81b60;
+}
+
+.icheck-maroon > input:first-child:checked + label::before,
+.icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #d81b60;
+  border-color: #d81b60;
+}
+
+.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #007bff;
+}
+
+.icheck-blue > input:first-child:checked + label::before,
+.icheck-blue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.icheck-indigo > input:first-child:checked + label::before,
+.icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+
+.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.icheck-purple > input:first-child:checked + label::before,
+.icheck-purple > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+
+.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.icheck-pink > input:first-child:checked + label::before,
+.icheck-pink > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+}
+
+.icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #dc3545;
+}
+
+.icheck-red > input:first-child:checked + label::before,
+.icheck-red > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.icheck-orange > input:first-child:checked + label::before,
+.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #ffc107;
+}
+
+.icheck-yellow > input:first-child:checked + label::before,
+.icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #28a745;
+}
+
+.icheck-green > input:first-child:checked + label::before,
+.icheck-green > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.icheck-teal > input:first-child:checked + label::before,
+.icheck-teal > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #17a2b8;
+}
+
+.icheck-cyan > input:first-child:checked + label::before,
+.icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.icheck-white > input:first-child:checked + label::before,
+.icheck-white > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.icheck-gray > input:first-child:checked + label::before,
+.icheck-gray > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.icheck-gray-dark > input:first-child:checked + label::before,
+.icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before,
+.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-primary > input:first-child:checked + label::before,
+.dark-mode .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-secondary > input:first-child:checked + label::before,
+.dark-mode .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-success > input:first-child:checked + label::before,
+.dark-mode .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-info > input:first-child:checked + label::before,
+.dark-mode .icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-warning > input:first-child:checked + label::before,
+.dark-mode .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-danger > input:first-child:checked + label::before,
+.dark-mode .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f8f9fa;
+}
+
+.dark-mode .icheck-light > input:first-child:checked + label::before,
+.dark-mode .icheck-light > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-dark > input:first-child:checked + label::before,
+.dark-mode .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #86bad8;
+}
+
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #86bad8;
+}
+
+.dark-mode .icheck-lightblue > input:first-child:checked + label::before,
+.dark-mode .icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #86bad8;
+  border-color: #86bad8;
+}
+
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #002c59;
+}
+
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #002c59;
+}
+
+.dark-mode .icheck-navy > input:first-child:checked + label::before,
+.dark-mode .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #002c59;
+  border-color: #002c59;
+}
+
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #74c8a3;
+}
+
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #74c8a3;
+}
+
+.dark-mode .icheck-olive > input:first-child:checked + label::before,
+.dark-mode .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #74c8a3;
+  border-color: #74c8a3;
+}
+
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #67ffa9;
+}
+
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #67ffa9;
+}
+
+.dark-mode .icheck-lime > input:first-child:checked + label::before,
+.dark-mode .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #67ffa9;
+  border-color: #67ffa9;
+}
+
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f672d8;
+}
+
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f672d8;
+}
+
+.dark-mode .icheck-fuchsia > input:first-child:checked + label::before,
+.dark-mode .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f672d8;
+  border-color: #f672d8;
+}
+
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #ed6c9b;
+}
+
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #ed6c9b;
+}
+
+.dark-mode .icheck-maroon > input:first-child:checked + label::before,
+.dark-mode .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #ed6c9b;
+  border-color: #ed6c9b;
+}
+
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-blue > input:first-child:checked + label::before,
+.dark-mode .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3f6791;
+  border-color: #3f6791;
+}
+
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6610f2;
+}
+
+.dark-mode .icheck-indigo > input:first-child:checked + label::before,
+.dark-mode .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6f42c1;
+}
+
+.dark-mode .icheck-purple > input:first-child:checked + label::before,
+.dark-mode .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e83e8c;
+}
+
+.dark-mode .icheck-pink > input:first-child:checked + label::before,
+.dark-mode .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+}
+
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-red > input:first-child:checked + label::before,
+.dark-mode .icheck-red > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+}
+
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fd7e14;
+}
+
+.dark-mode .icheck-orange > input:first-child:checked + label::before,
+.dark-mode .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-yellow > input:first-child:checked + label::before,
+.dark-mode .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #f39c12;
+  border-color: #f39c12;
+}
+
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-green > input:first-child:checked + label::before,
+.dark-mode .icheck-green > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+}
+
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #20c997;
+}
+
+.dark-mode .icheck-teal > input:first-child:checked + label::before,
+.dark-mode .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-cyan > input:first-child:checked + label::before,
+.dark-mode .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #3498db;
+  border-color: #3498db;
+}
+
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #fff;
+}
+
+.dark-mode .icheck-white > input:first-child:checked + label::before,
+.dark-mode .icheck-white > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-gray > input:first-child:checked + label::before,
+.dark-mode .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
+.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
+  border-color: #343a40;
+}
+
+.dark-mode .icheck-gray-dark > input:first-child:checked + label::before,
+.dark-mode .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before {
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.mapael .map {
+  position: relative;
+}
+
+.mapael .mapTooltip {
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  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;
+  border-radius: 0.25rem;
+  font-size: 0.875rem;
+  background-color: #000;
+  color: #fff;
   display: block;
-  margin: 10px 0;
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  position: absolute;
   text-align: center;
-}
-.description-block.margin-bottom {
-  margin-bottom: 25px;
-}
-.description-block > .description-header {
-  margin: 0;
-  padding: 0;
-  font-weight: 600;
-  font-size: 16px;
-}
-.description-block > .description-text {
-  text-transform: uppercase;
-}
-.bg-red,
-.bg-yellow,
-.bg-aqua,
-.bg-blue,
-.bg-light-blue,
-.bg-green,
-.bg-navy,
-.bg-teal,
-.bg-olive,
-.bg-lime,
-.bg-orange,
-.bg-fuchsia,
-.bg-purple,
-.bg-maroon,
-.bg-black,
-.bg-red-active,
-.bg-yellow-active,
-.bg-aqua-active,
-.bg-blue-active,
-.bg-light-blue-active,
-.bg-green-active,
-.bg-navy-active,
-.bg-teal-active,
-.bg-olive-active,
-.bg-lime-active,
-.bg-orange-active,
-.bg-fuchsia-active,
-.bg-purple-active,
-.bg-maroon-active,
-.bg-black-active,
-.callout.callout-danger,
-.callout.callout-warning,
-.callout.callout-info,
-.callout.callout-success,
-.alert-success,
-.alert-danger,
-.alert-error,
-.alert-warning,
-.alert-info,
-.label-danger,
-.label-info,
-.label-warning,
-.label-primary,
-.label-success,
-.modal-primary .modal-body,
-.modal-primary .modal-header,
-.modal-primary .modal-footer,
-.modal-warning .modal-body,
-.modal-warning .modal-header,
-.modal-warning .modal-footer,
-.modal-info .modal-body,
-.modal-info .modal-header,
-.modal-info .modal-footer,
-.modal-success .modal-body,
-.modal-success .modal-header,
-.modal-success .modal-footer,
-.modal-danger .modal-body,
-.modal-danger .modal-header,
-.modal-danger .modal-footer {
-  color: #fff !important;
-}
-.bg-gray {
-  color: #000;
-  background-color: #d2d6de !important;
-}
-.bg-gray-light {
-  background-color: #f7f7f7;
-}
-.bg-black {
-  background-color: #111 !important;
-}
-.bg-red,
-.callout.callout-danger,
-.alert-danger,
-.alert-error,
-.label-danger,
-.modal-danger .modal-body {
-  background-color: #dd4b39 !important;
-}
-.bg-yellow,
-.callout.callout-warning,
-.alert-warning,
-.label-warning,
-.modal-warning .modal-body {
-  background-color: #f39c12 !important;
-}
-.bg-aqua,
-.callout.callout-info,
-.alert-info,
-.label-info,
-.modal-info .modal-body {
-  background-color: #00c0ef !important;
-}
-.bg-blue {
-  background-color: #0073b7 !important;
-}
-.bg-light-blue,
-.label-primary,
-.modal-primary .modal-body {
-  background-color: #3c8dbc !important;
-}
-.bg-green,
-.callout.callout-success,
-.alert-success,
-.label-success,
-.modal-success .modal-body {
-  background-color: #00a65a !important;
-}
-.bg-navy {
-  background-color: #001F3F !important;
-}
-.bg-teal {
-  background-color: #39CCCC !important;
-}
-.bg-olive {
-  background-color: #3D9970 !important;
-}
-.bg-lime {
-  background-color: #01FF70 !important;
-}
-.bg-orange {
-  background-color: #FF851B !important;
-}
-.bg-fuchsia {
-  background-color: #F012BE !important;
-}
-.bg-purple {
-  background-color: #605ca8 !important;
-}
-.bg-maroon {
-  background-color: #D81B60 !important;
-}
-.bg-gray-active {
-  color: #000;
-  background-color: #b5bbc8 !important;
-}
-.bg-black-active {
-  background-color: #000000 !important;
-}
-.bg-red-active,
-.modal-danger .modal-header,
-.modal-danger .modal-footer {
-  background-color: #d33724 !important;
-}
-.bg-yellow-active,
-.modal-warning .modal-header,
-.modal-warning .modal-footer {
-  background-color: #db8b0b !important;
-}
-.bg-aqua-active,
-.modal-info .modal-header,
-.modal-info .modal-footer {
-  background-color: #00a7d0 !important;
-}
-.bg-blue-active {
-  background-color: #005384 !important;
-}
-.bg-light-blue-active,
-.modal-primary .modal-header,
-.modal-primary .modal-footer {
-  background-color: #357ca5 !important;
-}
-.bg-green-active,
-.modal-success .modal-header,
-.modal-success .modal-footer {
-  background-color: #008d4c !important;
-}
-.bg-navy-active {
-  background-color: #001a35 !important;
-}
-.bg-teal-active {
-  background-color: #30bbbb !important;
-}
-.bg-olive-active {
-  background-color: #368763 !important;
-}
-.bg-lime-active {
-  background-color: #00e765 !important;
-}
-.bg-orange-active {
-  background-color: #ff7701 !important;
-}
-.bg-fuchsia-active {
-  background-color: #db0ead !important;
-}
-.bg-purple-active {
-  background-color: #555299 !important;
-}
-.bg-maroon-active {
-  background-color: #ca195a !important;
-}
-[class^="bg-"].disabled {
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-}
-.text-red {
-  color: #dd4b39 !important;
-}
-.text-yellow {
-  color: #f39c12 !important;
-}
-.text-aqua {
-  color: #00c0ef !important;
-}
-.text-blue {
-  color: #0073b7 !important;
-}
-.text-black {
-  color: #111 !important;
-}
-.text-light-blue {
-  color: #3c8dbc !important;
-}
-.text-green {
-  color: #00a65a !important;
-}
-.text-gray {
-  color: #d2d6de !important;
-}
-.text-navy {
-  color: #001F3F !important;
-}
-.text-teal {
-  color: #39CCCC !important;
-}
-.text-olive {
-  color: #3D9970 !important;
-}
-.text-lime {
-  color: #01FF70 !important;
-}
-.text-orange {
-  color: #FF851B !important;
-}
-.text-fuchsia {
-  color: #F012BE !important;
-}
-.text-purple {
-  color: #605ca8 !important;
-}
-.text-maroon {
-  color: #D81B60 !important;
-}
-.link-muted {
-  color: #7a869d;
-}
-.link-muted:hover,
-.link-muted:focus {
-  color: #606c84;
-}
-.link-black {
-  color: #666;
-}
-.link-black:hover,
-.link-black:focus {
-  color: #999;
-}
-.hide {
-  display: none !important;
-}
-.no-border {
-  border: 0 !important;
-}
-.no-padding {
-  padding: 0 !important;
-}
-.no-margin {
-  margin: 0 !important;
-}
-.no-shadow {
-  box-shadow: none !important;
-}
-.list-unstyled,
-.chart-legend,
-.contacts-list,
-.users-list,
-.mailbox-attachments {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.list-group-unbordered > .list-group-item {
-  border-left: 0;
-  border-right: 0;
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.flat {
-  border-radius: 0 !important;
-}
-.text-bold,
-.text-bold.table td,
-.text-bold.table th {
+  word-wrap: break-word;
+  z-index: 1070;
+}
+
+.mapael .myLegend {
+  background-color: #f8f9fa;
+  border: 1px solid #adb5bd;
+  padding: 10px;
+  width: 600px;
+}
+
+.mapael .zoomButton {
+  background-color: #f8f9fa;
+  border: 1px solid #ddd;
+  border-radius: 0.25rem;
+  color: #444;
+  cursor: pointer;
   font-weight: 700;
+  height: 16px;
+  left: 10px;
+  line-height: 14px;
+  padding-left: 1px;
+  position: absolute;
+  text-align: center;
+  top: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 16px;
 }
-.text-sm {
-  font-size: 12px;
+
+.mapael .zoomButton:hover, .mapael .zoomButton:active, .mapael .zoomButton.hover {
+  background-color: #e9ecef;
+  color: #2b2b2b;
 }
-.jqstooltip {
-  padding: 5px !important;
-  width: auto !important;
-  height: auto !important;
+
+.mapael .zoomReset {
+  line-height: 12px;
+  top: 10px;
 }
-.bg-teal-gradient {
-  background: #39CCCC !important;
-  background: -o-linear-gradient(#7adddd, #39CCCC) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important;
+
+.mapael .zoomIn {
+  top: 30px;
+}
+
+.mapael .zoomOut {
+  top: 50px;
+}
+
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  background-color: #f8f9fa;
+  border: 1px solid #ddd;
+  border-radius: 0.25rem;
+  color: #444;
+  height: 15px;
+  width: 15px;
+  padding: 1px 2px;
+}
+
+.jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover,
+.jqvmap-zoomout:hover,
+.jqvmap-zoomout:active,
+.jqvmap-zoomout.hover {
+  background-color: #e9ecef;
+  color: #2b2b2b;
+}
+
+.swal2-icon.swal2-info {
+  border-color: ligthen(#17a2b8, 20%);
+  color: #17a2b8;
+}
+
+.swal2-icon.swal2-warning {
+  border-color: ligthen(#ffc107, 20%);
+  color: #ffc107;
+}
+
+.swal2-icon.swal2-error {
+  border-color: ligthen(#dc3545, 20%);
+  color: #dc3545;
+}
+
+.swal2-icon.swal2-question {
+  border-color: ligthen(#6c757d, 20%);
+  color: #6c757d;
+}
+
+.swal2-icon.swal2-success {
+  border-color: ligthen(#28a745, 20%);
+  color: #28a745;
+}
+
+.swal2-icon.swal2-success .swal2-success-ring {
+  border-color: ligthen(#28a745, 20%);
+}
+
+.swal2-icon.swal2-success [class^='swal2-success-line'] {
+  background-color: #28a745;
+}
+
+.dark-mode .swal2-popup {
+  background-color: #343a40;
+  color: #e9ecef;
+}
+
+.dark-mode .swal2-popup .swal2-content,
+.dark-mode .swal2-popup .swal2-title {
+  color: #e9ecef;
+}
+
+#toast-container .toast {
+  background-color: #007bff;
+}
+
+#toast-container .toast-success {
+  background-color: #28a745;
+}
+
+#toast-container .toast-error {
+  background-color: #dc3545;
+}
+
+#toast-container .toast-info {
+  background-color: #17a2b8;
+}
+
+#toast-container .toast-warning {
+  background-color: #ffc107;
+}
+
+.toast-bottom-full-width .toast,
+.toast-top-full-width .toast {
+  max-width: inherit;
+}
+
+.pace {
+  z-index: 1048;
+}
+
+.pace .pace-progress {
+  z-index: 1049;
+}
+
+.pace .pace-activity {
+  z-index: 1050;
+}
+
+.pace-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-primary .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-primary .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-primary .pace .pace-progress::after {
+  color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-bounce-primary .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-center-atom-primary .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-primary .pace-progress::before {
+  background: #007bff;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-primary .pace-activity {
+  border-color: #007bff;
+}
+
+.pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before {
+  border-color: #007bff;
+}
+
+.pace-center-circle-primary .pace .pace-progress {
+  background: rgba(0, 123, 255, 0.8);
   color: #fff;
 }
-.bg-light-blue-gradient {
-  background: #3c8dbc !important;
-  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
+
+.pace-center-radar-primary .pace .pace-activity {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-radar-primary .pace .pace-activity::before {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-simple-primary .pace {
+  background: #fff;
+  border-color: #007bff;
+}
+
+.pace-center-simple-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-material-primary .pace {
+  color: #007bff;
+}
+
+.pace-corner-indicator-primary .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-corner-indicator-primary .pace .pace-activity::after,
+.pace-corner-indicator-primary .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-primary .pace .pace-activity::before {
+  border-right-color: rgba(0, 123, 255, 0.2);
+  border-left-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-corner-indicator-primary .pace .pace-activity::after {
+  border-top-color: rgba(0, 123, 255, 0.2);
+  border-bottom-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-fill-left-primary .pace .pace-progress {
+  background-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-flash-primary .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-flash-primary .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
+}
+
+.pace-flash-primary .pace .pace-activity {
+  border-top-color: #007bff;
+  border-left-color: #007bff;
+}
+
+.pace-loading-bar-primary .pace .pace-progress {
+  background: #007bff;
+  color: #007bff;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-primary .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-primary .pace .pace-progress {
+  background-color: #007bff;
+  box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-primary .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-primary .pace-progress {
+  color: #007bff;
+}
+
+.pace-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-secondary .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-secondary .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-secondary .pace .pace-progress::after {
+  color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-bounce-secondary .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-center-atom-secondary .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-secondary .pace-progress::before {
+  background: #6c757d;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-secondary .pace-activity {
+  border-color: #6c757d;
+}
+
+.pace-center-atom-secondary .pace-activity::after, .pace-center-atom-secondary .pace-activity::before {
+  border-color: #6c757d;
+}
+
+.pace-center-circle-secondary .pace .pace-progress {
+  background: rgba(108, 117, 125, 0.8);
   color: #fff;
 }
-.bg-blue-gradient {
-  background: #0073b7 !important;
-  background: -o-linear-gradient(#0089db, #0073b7) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
+
+.pace-center-radar-secondary .pace .pace-activity {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-radar-secondary .pace .pace-activity::before {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-simple-secondary .pace {
+  background: #fff;
+  border-color: #6c757d;
+}
+
+.pace-center-simple-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-material-secondary .pace {
+  color: #6c757d;
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity::after,
+.pace-corner-indicator-secondary .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity::before {
+  border-right-color: rgba(108, 117, 125, 0.2);
+  border-left-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-corner-indicator-secondary .pace .pace-activity::after {
+  border-top-color: rgba(108, 117, 125, 0.2);
+  border-bottom-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-fill-left-secondary .pace .pace-progress {
+  background-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-flash-secondary .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-flash-secondary .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
+}
+
+.pace-flash-secondary .pace .pace-activity {
+  border-top-color: #6c757d;
+  border-left-color: #6c757d;
+}
+
+.pace-loading-bar-secondary .pace .pace-progress {
+  background: #6c757d;
+  color: #6c757d;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-secondary .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-secondary .pace .pace-progress {
+  background-color: #6c757d;
+  box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-secondary .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-secondary .pace-progress {
+  color: #6c757d;
+}
+
+.pace-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-success .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-success .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-success .pace .pace-progress::after {
+  color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-bounce-success .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-center-atom-success .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-success .pace-progress::before {
+  background: #28a745;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-success .pace-activity {
+  border-color: #28a745;
+}
+
+.pace-center-atom-success .pace-activity::after, .pace-center-atom-success .pace-activity::before {
+  border-color: #28a745;
+}
+
+.pace-center-circle-success .pace .pace-progress {
+  background: rgba(40, 167, 69, 0.8);
   color: #fff;
 }
-.bg-aqua-gradient {
-  background: #00c0ef !important;
-  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
+
+.pace-center-radar-success .pace .pace-activity {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-radar-success .pace .pace-activity::before {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-simple-success .pace {
+  background: #fff;
+  border-color: #28a745;
+}
+
+.pace-center-simple-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-material-success .pace {
+  color: #28a745;
+}
+
+.pace-corner-indicator-success .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-corner-indicator-success .pace .pace-activity::after,
+.pace-corner-indicator-success .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-success .pace .pace-activity::before {
+  border-right-color: rgba(40, 167, 69, 0.2);
+  border-left-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-corner-indicator-success .pace .pace-activity::after {
+  border-top-color: rgba(40, 167, 69, 0.2);
+  border-bottom-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-fill-left-success .pace .pace-progress {
+  background-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-flash-success .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-flash-success .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
+}
+
+.pace-flash-success .pace .pace-activity {
+  border-top-color: #28a745;
+  border-left-color: #28a745;
+}
+
+.pace-loading-bar-success .pace .pace-progress {
+  background: #28a745;
+  color: #28a745;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-success .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-success .pace .pace-progress {
+  background-color: #28a745;
+  box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-success .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-success .pace-progress {
+  color: #28a745;
+}
+
+.pace-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-info .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-info .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-info .pace .pace-progress::after {
+  color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-bounce-info .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-center-atom-info .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-info .pace-progress::before {
+  background: #17a2b8;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-info .pace-activity {
+  border-color: #17a2b8;
+}
+
+.pace-center-atom-info .pace-activity::after, .pace-center-atom-info .pace-activity::before {
+  border-color: #17a2b8;
+}
+
+.pace-center-circle-info .pace .pace-progress {
+  background: rgba(23, 162, 184, 0.8);
   color: #fff;
 }
-.bg-yellow-gradient {
-  background: #f39c12 !important;
-  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
+
+.pace-center-radar-info .pace .pace-activity {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-radar-info .pace .pace-activity::before {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-simple-info .pace {
+  background: #fff;
+  border-color: #17a2b8;
+}
+
+.pace-center-simple-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-material-info .pace {
+  color: #17a2b8;
+}
+
+.pace-corner-indicator-info .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-corner-indicator-info .pace .pace-activity::after,
+.pace-corner-indicator-info .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-info .pace .pace-activity::before {
+  border-right-color: rgba(23, 162, 184, 0.2);
+  border-left-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-corner-indicator-info .pace .pace-activity::after {
+  border-top-color: rgba(23, 162, 184, 0.2);
+  border-bottom-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-fill-left-info .pace .pace-progress {
+  background-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-flash-info .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-flash-info .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
+}
+
+.pace-flash-info .pace .pace-activity {
+  border-top-color: #17a2b8;
+  border-left-color: #17a2b8;
+}
+
+.pace-loading-bar-info .pace .pace-progress {
+  background: #17a2b8;
+  color: #17a2b8;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-info .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-info .pace .pace-progress {
+  background-color: #17a2b8;
+  box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-info .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-info .pace-progress {
+  color: #17a2b8;
+}
+
+.pace-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-warning .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-warning .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-warning .pace .pace-progress::after {
+  color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-bounce-warning .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-center-atom-warning .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-warning .pace-progress::before {
+  background: #ffc107;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-warning .pace-activity {
+  border-color: #ffc107;
+}
+
+.pace-center-atom-warning .pace-activity::after, .pace-center-atom-warning .pace-activity::before {
+  border-color: #ffc107;
+}
+
+.pace-center-circle-warning .pace .pace-progress {
+  background: rgba(255, 193, 7, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-warning .pace .pace-activity {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-radar-warning .pace .pace-activity::before {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-simple-warning .pace {
+  background: #1f2d3d;
+  border-color: #ffc107;
+}
+
+.pace-center-simple-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-material-warning .pace {
+  color: #ffc107;
+}
+
+.pace-corner-indicator-warning .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-corner-indicator-warning .pace .pace-activity::after,
+.pace-corner-indicator-warning .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-warning .pace .pace-activity::before {
+  border-right-color: rgba(255, 193, 7, 0.2);
+  border-left-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-corner-indicator-warning .pace .pace-activity::after {
+  border-top-color: rgba(255, 193, 7, 0.2);
+  border-bottom-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-fill-left-warning .pace .pace-progress {
+  background-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-flash-warning .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-flash-warning .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
+}
+
+.pace-flash-warning .pace .pace-activity {
+  border-top-color: #ffc107;
+  border-left-color: #ffc107;
+}
+
+.pace-loading-bar-warning .pace .pace-progress {
+  background: #ffc107;
+  color: #ffc107;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-warning .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-warning .pace .pace-progress {
+  background-color: #ffc107;
+  box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-warning .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-warning .pace-progress {
+  color: #ffc107;
+}
+
+.pace-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-danger .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-danger .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-danger .pace .pace-progress::after {
+  color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-bounce-danger .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-center-atom-danger .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-danger .pace-progress::before {
+  background: #dc3545;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-danger .pace-activity {
+  border-color: #dc3545;
+}
+
+.pace-center-atom-danger .pace-activity::after, .pace-center-atom-danger .pace-activity::before {
+  border-color: #dc3545;
+}
+
+.pace-center-circle-danger .pace .pace-progress {
+  background: rgba(220, 53, 69, 0.8);
   color: #fff;
 }
-.bg-purple-gradient {
-  background: #605ca8 !important;
-  background: -o-linear-gradient(#9491c4, #605ca8) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
+
+.pace-center-radar-danger .pace .pace-activity {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-radar-danger .pace .pace-activity::before {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-simple-danger .pace {
+  background: #fff;
+  border-color: #dc3545;
+}
+
+.pace-center-simple-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-material-danger .pace {
+  color: #dc3545;
+}
+
+.pace-corner-indicator-danger .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-corner-indicator-danger .pace .pace-activity::after,
+.pace-corner-indicator-danger .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-danger .pace .pace-activity::before {
+  border-right-color: rgba(220, 53, 69, 0.2);
+  border-left-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-corner-indicator-danger .pace .pace-activity::after {
+  border-top-color: rgba(220, 53, 69, 0.2);
+  border-bottom-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-fill-left-danger .pace .pace-progress {
+  background-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-flash-danger .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-flash-danger .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
+}
+
+.pace-flash-danger .pace .pace-activity {
+  border-top-color: #dc3545;
+  border-left-color: #dc3545;
+}
+
+.pace-loading-bar-danger .pace .pace-progress {
+  background: #dc3545;
+  color: #dc3545;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-danger .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-danger .pace .pace-progress {
+  background-color: #dc3545;
+  box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-danger .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-danger .pace-progress {
+  color: #dc3545;
+}
+
+.pace-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-barber-shop-light .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-barber-shop-light .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-light .pace .pace-progress::after {
+  color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-bounce-light .pace .pace-activity {
+  background: #f8f9fa;
+}
+
+.pace-center-atom-light .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-light .pace-progress::before {
+  background: #f8f9fa;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-light .pace-activity {
+  border-color: #f8f9fa;
+}
+
+.pace-center-atom-light .pace-activity::after, .pace-center-atom-light .pace-activity::before {
+  border-color: #f8f9fa;
+}
+
+.pace-center-circle-light .pace .pace-progress {
+  background: rgba(248, 249, 250, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-light .pace .pace-activity {
+  border-color: #f8f9fa transparent transparent;
+}
+
+.pace-center-radar-light .pace .pace-activity::before {
+  border-color: #f8f9fa transparent transparent;
+}
+
+.pace-center-simple-light .pace {
+  background: #1f2d3d;
+  border-color: #f8f9fa;
+}
+
+.pace-center-simple-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-material-light .pace {
+  color: #f8f9fa;
+}
+
+.pace-corner-indicator-light .pace .pace-activity {
+  background: #f8f9fa;
+}
+
+.pace-corner-indicator-light .pace .pace-activity::after,
+.pace-corner-indicator-light .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-light .pace .pace-activity::before {
+  border-right-color: rgba(248, 249, 250, 0.2);
+  border-left-color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-corner-indicator-light .pace .pace-activity::after {
+  border-top-color: rgba(248, 249, 250, 0.2);
+  border-bottom-color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-fill-left-light .pace .pace-progress {
+  background-color: rgba(248, 249, 250, 0.2);
+}
+
+.pace-flash-light .pace .pace-progress {
+  background: #f8f9fa;
+}
+
+.pace-flash-light .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa;
+}
+
+.pace-flash-light .pace .pace-activity {
+  border-top-color: #f8f9fa;
+  border-left-color: #f8f9fa;
+}
+
+.pace-loading-bar-light .pace .pace-progress {
+  background: #f8f9fa;
+  color: #f8f9fa;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-light .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-light .pace .pace-progress {
+  background-color: #f8f9fa;
+  box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-light .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-light .pace-progress {
+  color: #f8f9fa;
+}
+
+.pace-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-dark .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-dark .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-dark .pace .pace-progress::after {
+  color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-bounce-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-center-atom-dark .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-dark .pace-progress::before {
+  background: #343a40;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-dark .pace-activity {
+  border-color: #343a40;
+}
+
+.pace-center-atom-dark .pace-activity::after, .pace-center-atom-dark .pace-activity::before {
+  border-color: #343a40;
+}
+
+.pace-center-circle-dark .pace .pace-progress {
+  background: rgba(52, 58, 64, 0.8);
   color: #fff;
 }
-.bg-green-gradient {
-  background: #00a65a !important;
-  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
+
+.pace-center-radar-dark .pace .pace-activity {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-radar-dark .pace .pace-activity::before {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-simple-dark .pace {
+  background: #fff;
+  border-color: #343a40;
+}
+
+.pace-center-simple-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-material-dark .pace {
+  color: #343a40;
+}
+
+.pace-corner-indicator-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-corner-indicator-dark .pace .pace-activity::after,
+.pace-corner-indicator-dark .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-dark .pace .pace-activity::before {
+  border-right-color: rgba(52, 58, 64, 0.2);
+  border-left-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-corner-indicator-dark .pace .pace-activity::after {
+  border-top-color: rgba(52, 58, 64, 0.2);
+  border-bottom-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-fill-left-dark .pace .pace-progress {
+  background-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-flash-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-flash-dark .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
+}
+
+.pace-flash-dark .pace .pace-activity {
+  border-top-color: #343a40;
+  border-left-color: #343a40;
+}
+
+.pace-loading-bar-dark .pace .pace-progress {
+  background: #343a40;
+  color: #343a40;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-dark .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-dark .pace .pace-progress {
+  background-color: #343a40;
+  box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-dark .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-dark .pace-progress {
+  color: #343a40;
+}
+
+.pace-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-barber-shop-lightblue .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-barber-shop-lightblue .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-lightblue .pace .pace-progress::after {
+  color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-bounce-lightblue .pace .pace-activity {
+  background: #3c8dbc;
+}
+
+.pace-center-atom-lightblue .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-lightblue .pace-progress::before {
+  background: #3c8dbc;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-lightblue .pace-activity {
+  border-color: #3c8dbc;
+}
+
+.pace-center-atom-lightblue .pace-activity::after, .pace-center-atom-lightblue .pace-activity::before {
+  border-color: #3c8dbc;
+}
+
+.pace-center-circle-lightblue .pace .pace-progress {
+  background: rgba(60, 141, 188, 0.8);
   color: #fff;
 }
-.bg-red-gradient {
-  background: #dd4b39 !important;
-  background: -o-linear-gradient(#e47365, #dd4b39) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
+
+.pace-center-radar-lightblue .pace .pace-activity {
+  border-color: #3c8dbc transparent transparent;
+}
+
+.pace-center-radar-lightblue .pace .pace-activity::before {
+  border-color: #3c8dbc transparent transparent;
+}
+
+.pace-center-simple-lightblue .pace {
+  background: #fff;
+  border-color: #3c8dbc;
+}
+
+.pace-center-simple-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-material-lightblue .pace {
+  color: #3c8dbc;
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity {
+  background: #3c8dbc;
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity::after,
+.pace-corner-indicator-lightblue .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity::before {
+  border-right-color: rgba(60, 141, 188, 0.2);
+  border-left-color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-corner-indicator-lightblue .pace .pace-activity::after {
+  border-top-color: rgba(60, 141, 188, 0.2);
+  border-bottom-color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-fill-left-lightblue .pace .pace-progress {
+  background-color: rgba(60, 141, 188, 0.2);
+}
+
+.pace-flash-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+}
+
+.pace-flash-lightblue .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #3c8dbc, 0 0 5px #3c8dbc;
+}
+
+.pace-flash-lightblue .pace .pace-activity {
+  border-top-color: #3c8dbc;
+  border-left-color: #3c8dbc;
+}
+
+.pace-loading-bar-lightblue .pace .pace-progress {
+  background: #3c8dbc;
+  color: #3c8dbc;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-lightblue .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-lightblue .pace .pace-progress {
+  background-color: #3c8dbc;
+  box-shadow: inset -1px 0 #3c8dbc, inset 0 -1px #3c8dbc, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-lightblue .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-lightblue .pace-progress {
+  color: #3c8dbc;
+}
+
+.pace-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-barber-shop-navy .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-barber-shop-navy .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-navy .pace .pace-progress::after {
+  color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-bounce-navy .pace .pace-activity {
+  background: #001f3f;
+}
+
+.pace-center-atom-navy .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-navy .pace-progress::before {
+  background: #001f3f;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-navy .pace-activity {
+  border-color: #001f3f;
+}
+
+.pace-center-atom-navy .pace-activity::after, .pace-center-atom-navy .pace-activity::before {
+  border-color: #001f3f;
+}
+
+.pace-center-circle-navy .pace .pace-progress {
+  background: rgba(0, 31, 63, 0.8);
   color: #fff;
 }
-.bg-black-gradient {
-  background: #111 !important;
-  background: -o-linear-gradient(#2b2b2b, #111) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important;
+
+.pace-center-radar-navy .pace .pace-activity {
+  border-color: #001f3f transparent transparent;
+}
+
+.pace-center-radar-navy .pace .pace-activity::before {
+  border-color: #001f3f transparent transparent;
+}
+
+.pace-center-simple-navy .pace {
+  background: #fff;
+  border-color: #001f3f;
+}
+
+.pace-center-simple-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-material-navy .pace {
+  color: #001f3f;
+}
+
+.pace-corner-indicator-navy .pace .pace-activity {
+  background: #001f3f;
+}
+
+.pace-corner-indicator-navy .pace .pace-activity::after,
+.pace-corner-indicator-navy .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-navy .pace .pace-activity::before {
+  border-right-color: rgba(0, 31, 63, 0.2);
+  border-left-color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-corner-indicator-navy .pace .pace-activity::after {
+  border-top-color: rgba(0, 31, 63, 0.2);
+  border-bottom-color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-fill-left-navy .pace .pace-progress {
+  background-color: rgba(0, 31, 63, 0.2);
+}
+
+.pace-flash-navy .pace .pace-progress {
+  background: #001f3f;
+}
+
+.pace-flash-navy .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f;
+}
+
+.pace-flash-navy .pace .pace-activity {
+  border-top-color: #001f3f;
+  border-left-color: #001f3f;
+}
+
+.pace-loading-bar-navy .pace .pace-progress {
+  background: #001f3f;
+  color: #001f3f;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-navy .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-navy .pace .pace-progress {
+  background-color: #001f3f;
+  box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-navy .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-navy .pace-progress {
+  color: #001f3f;
+}
+
+.pace-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-barber-shop-olive .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-barber-shop-olive .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-olive .pace .pace-progress::after {
+  color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-bounce-olive .pace .pace-activity {
+  background: #3d9970;
+}
+
+.pace-center-atom-olive .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-olive .pace-progress::before {
+  background: #3d9970;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-olive .pace-activity {
+  border-color: #3d9970;
+}
+
+.pace-center-atom-olive .pace-activity::after, .pace-center-atom-olive .pace-activity::before {
+  border-color: #3d9970;
+}
+
+.pace-center-circle-olive .pace .pace-progress {
+  background: rgba(61, 153, 112, 0.8);
   color: #fff;
 }
-.bg-maroon-gradient {
-  background: #D81B60 !important;
-  background: -o-linear-gradient(#e73f7c, #D81B60) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important;
+
+.pace-center-radar-olive .pace .pace-activity {
+  border-color: #3d9970 transparent transparent;
+}
+
+.pace-center-radar-olive .pace .pace-activity::before {
+  border-color: #3d9970 transparent transparent;
+}
+
+.pace-center-simple-olive .pace {
+  background: #fff;
+  border-color: #3d9970;
+}
+
+.pace-center-simple-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-material-olive .pace {
+  color: #3d9970;
+}
+
+.pace-corner-indicator-olive .pace .pace-activity {
+  background: #3d9970;
+}
+
+.pace-corner-indicator-olive .pace .pace-activity::after,
+.pace-corner-indicator-olive .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-olive .pace .pace-activity::before {
+  border-right-color: rgba(61, 153, 112, 0.2);
+  border-left-color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-corner-indicator-olive .pace .pace-activity::after {
+  border-top-color: rgba(61, 153, 112, 0.2);
+  border-bottom-color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-fill-left-olive .pace .pace-progress {
+  background-color: rgba(61, 153, 112, 0.2);
+}
+
+.pace-flash-olive .pace .pace-progress {
+  background: #3d9970;
+}
+
+.pace-flash-olive .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970;
+}
+
+.pace-flash-olive .pace .pace-activity {
+  border-top-color: #3d9970;
+  border-left-color: #3d9970;
+}
+
+.pace-loading-bar-olive .pace .pace-progress {
+  background: #3d9970;
+  color: #3d9970;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-olive .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-olive .pace .pace-progress {
+  background-color: #3d9970;
+  box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-olive .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-olive .pace-progress {
+  color: #3d9970;
+}
+
+.pace-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-barber-shop-lime .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-barber-shop-lime .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-lime .pace .pace-progress::after {
+  color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-bounce-lime .pace .pace-activity {
+  background: #01ff70;
+}
+
+.pace-center-atom-lime .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-lime .pace-progress::before {
+  background: #01ff70;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-lime .pace-activity {
+  border-color: #01ff70;
+}
+
+.pace-center-atom-lime .pace-activity::after, .pace-center-atom-lime .pace-activity::before {
+  border-color: #01ff70;
+}
+
+.pace-center-circle-lime .pace .pace-progress {
+  background: rgba(1, 255, 112, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-lime .pace .pace-activity {
+  border-color: #01ff70 transparent transparent;
+}
+
+.pace-center-radar-lime .pace .pace-activity::before {
+  border-color: #01ff70 transparent transparent;
+}
+
+.pace-center-simple-lime .pace {
+  background: #1f2d3d;
+  border-color: #01ff70;
+}
+
+.pace-center-simple-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-material-lime .pace {
+  color: #01ff70;
+}
+
+.pace-corner-indicator-lime .pace .pace-activity {
+  background: #01ff70;
+}
+
+.pace-corner-indicator-lime .pace .pace-activity::after,
+.pace-corner-indicator-lime .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-lime .pace .pace-activity::before {
+  border-right-color: rgba(1, 255, 112, 0.2);
+  border-left-color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-corner-indicator-lime .pace .pace-activity::after {
+  border-top-color: rgba(1, 255, 112, 0.2);
+  border-bottom-color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-fill-left-lime .pace .pace-progress {
+  background-color: rgba(1, 255, 112, 0.2);
+}
+
+.pace-flash-lime .pace .pace-progress {
+  background: #01ff70;
+}
+
+.pace-flash-lime .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70;
+}
+
+.pace-flash-lime .pace .pace-activity {
+  border-top-color: #01ff70;
+  border-left-color: #01ff70;
+}
+
+.pace-loading-bar-lime .pace .pace-progress {
+  background: #01ff70;
+  color: #01ff70;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-lime .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-lime .pace .pace-progress {
+  background-color: #01ff70;
+  box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-lime .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-lime .pace-progress {
+  color: #01ff70;
+}
+
+.pace-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-barber-shop-fuchsia .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-barber-shop-fuchsia .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-fuchsia .pace .pace-progress::after {
+  color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-bounce-fuchsia .pace .pace-activity {
+  background: #f012be;
+}
+
+.pace-center-atom-fuchsia .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-fuchsia .pace-progress::before {
+  background: #f012be;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-fuchsia .pace-activity {
+  border-color: #f012be;
+}
+
+.pace-center-atom-fuchsia .pace-activity::after, .pace-center-atom-fuchsia .pace-activity::before {
+  border-color: #f012be;
+}
+
+.pace-center-circle-fuchsia .pace .pace-progress {
+  background: rgba(240, 18, 190, 0.8);
   color: #fff;
 }
-.description-block .description-icon {
-  font-size: 16px;
+
+.pace-center-radar-fuchsia .pace .pace-activity {
+  border-color: #f012be transparent transparent;
 }
-.no-pad-top {
+
+.pace-center-radar-fuchsia .pace .pace-activity::before {
+  border-color: #f012be transparent transparent;
+}
+
+.pace-center-simple-fuchsia .pace {
+  background: #fff;
+  border-color: #f012be;
+}
+
+.pace-center-simple-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-material-fuchsia .pace {
+  color: #f012be;
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity {
+  background: #f012be;
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity::after,
+.pace-corner-indicator-fuchsia .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity::before {
+  border-right-color: rgba(240, 18, 190, 0.2);
+  border-left-color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-corner-indicator-fuchsia .pace .pace-activity::after {
+  border-top-color: rgba(240, 18, 190, 0.2);
+  border-bottom-color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-fill-left-fuchsia .pace .pace-progress {
+  background-color: rgba(240, 18, 190, 0.2);
+}
+
+.pace-flash-fuchsia .pace .pace-progress {
+  background: #f012be;
+}
+
+.pace-flash-fuchsia .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #f012be, 0 0 5px #f012be;
+}
+
+.pace-flash-fuchsia .pace .pace-activity {
+  border-top-color: #f012be;
+  border-left-color: #f012be;
+}
+
+.pace-loading-bar-fuchsia .pace .pace-progress {
+  background: #f012be;
+  color: #f012be;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-fuchsia .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-fuchsia .pace .pace-progress {
+  background-color: #f012be;
+  box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-fuchsia .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-fuchsia .pace-progress {
+  color: #f012be;
+}
+
+.pace-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-barber-shop-maroon .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-barber-shop-maroon .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-maroon .pace .pace-progress::after {
+  color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-bounce-maroon .pace .pace-activity {
+  background: #d81b60;
+}
+
+.pace-center-atom-maroon .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-maroon .pace-progress::before {
+  background: #d81b60;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-maroon .pace-activity {
+  border-color: #d81b60;
+}
+
+.pace-center-atom-maroon .pace-activity::after, .pace-center-atom-maroon .pace-activity::before {
+  border-color: #d81b60;
+}
+
+.pace-center-circle-maroon .pace .pace-progress {
+  background: rgba(216, 27, 96, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-maroon .pace .pace-activity {
+  border-color: #d81b60 transparent transparent;
+}
+
+.pace-center-radar-maroon .pace .pace-activity::before {
+  border-color: #d81b60 transparent transparent;
+}
+
+.pace-center-simple-maroon .pace {
+  background: #fff;
+  border-color: #d81b60;
+}
+
+.pace-center-simple-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-material-maroon .pace {
+  color: #d81b60;
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity {
+  background: #d81b60;
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity::after,
+.pace-corner-indicator-maroon .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity::before {
+  border-right-color: rgba(216, 27, 96, 0.2);
+  border-left-color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-corner-indicator-maroon .pace .pace-activity::after {
+  border-top-color: rgba(216, 27, 96, 0.2);
+  border-bottom-color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-fill-left-maroon .pace .pace-progress {
+  background-color: rgba(216, 27, 96, 0.2);
+}
+
+.pace-flash-maroon .pace .pace-progress {
+  background: #d81b60;
+}
+
+.pace-flash-maroon .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60;
+}
+
+.pace-flash-maroon .pace .pace-activity {
+  border-top-color: #d81b60;
+  border-left-color: #d81b60;
+}
+
+.pace-loading-bar-maroon .pace .pace-progress {
+  background: #d81b60;
+  color: #d81b60;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-maroon .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-maroon .pace .pace-progress {
+  background-color: #d81b60;
+  box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-maroon .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-maroon .pace-progress {
+  color: #d81b60;
+}
+
+.pace-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-blue .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-barber-shop-blue .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-blue .pace .pace-progress::after {
+  color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-bounce-blue .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-center-atom-blue .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-blue .pace-progress::before {
+  background: #007bff;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-blue .pace-activity {
+  border-color: #007bff;
+}
+
+.pace-center-atom-blue .pace-activity::after, .pace-center-atom-blue .pace-activity::before {
+  border-color: #007bff;
+}
+
+.pace-center-circle-blue .pace .pace-progress {
+  background: rgba(0, 123, 255, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-blue .pace .pace-activity {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-radar-blue .pace .pace-activity::before {
+  border-color: #007bff transparent transparent;
+}
+
+.pace-center-simple-blue .pace {
+  background: #fff;
+  border-color: #007bff;
+}
+
+.pace-center-simple-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-material-blue .pace {
+  color: #007bff;
+}
+
+.pace-corner-indicator-blue .pace .pace-activity {
+  background: #007bff;
+}
+
+.pace-corner-indicator-blue .pace .pace-activity::after,
+.pace-corner-indicator-blue .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-blue .pace .pace-activity::before {
+  border-right-color: rgba(0, 123, 255, 0.2);
+  border-left-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-corner-indicator-blue .pace .pace-activity::after {
+  border-top-color: rgba(0, 123, 255, 0.2);
+  border-bottom-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-fill-left-blue .pace .pace-progress {
+  background-color: rgba(0, 123, 255, 0.2);
+}
+
+.pace-flash-blue .pace .pace-progress {
+  background: #007bff;
+}
+
+.pace-flash-blue .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
+}
+
+.pace-flash-blue .pace .pace-activity {
+  border-top-color: #007bff;
+  border-left-color: #007bff;
+}
+
+.pace-loading-bar-blue .pace .pace-progress {
+  background: #007bff;
+  color: #007bff;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-blue .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-blue .pace .pace-progress {
+  background-color: #007bff;
+  box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-blue .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-blue .pace-progress {
+  color: #007bff;
+}
+
+.pace-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-barber-shop-indigo .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-barber-shop-indigo .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-indigo .pace .pace-progress::after {
+  color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-bounce-indigo .pace .pace-activity {
+  background: #6610f2;
+}
+
+.pace-center-atom-indigo .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-indigo .pace-progress::before {
+  background: #6610f2;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-indigo .pace-activity {
+  border-color: #6610f2;
+}
+
+.pace-center-atom-indigo .pace-activity::after, .pace-center-atom-indigo .pace-activity::before {
+  border-color: #6610f2;
+}
+
+.pace-center-circle-indigo .pace .pace-progress {
+  background: rgba(102, 16, 242, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-indigo .pace .pace-activity {
+  border-color: #6610f2 transparent transparent;
+}
+
+.pace-center-radar-indigo .pace .pace-activity::before {
+  border-color: #6610f2 transparent transparent;
+}
+
+.pace-center-simple-indigo .pace {
+  background: #fff;
+  border-color: #6610f2;
+}
+
+.pace-center-simple-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-material-indigo .pace {
+  color: #6610f2;
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity {
+  background: #6610f2;
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity::after,
+.pace-corner-indicator-indigo .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity::before {
+  border-right-color: rgba(102, 16, 242, 0.2);
+  border-left-color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-corner-indicator-indigo .pace .pace-activity::after {
+  border-top-color: rgba(102, 16, 242, 0.2);
+  border-bottom-color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-fill-left-indigo .pace .pace-progress {
+  background-color: rgba(102, 16, 242, 0.2);
+}
+
+.pace-flash-indigo .pace .pace-progress {
+  background: #6610f2;
+}
+
+.pace-flash-indigo .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2;
+}
+
+.pace-flash-indigo .pace .pace-activity {
+  border-top-color: #6610f2;
+  border-left-color: #6610f2;
+}
+
+.pace-loading-bar-indigo .pace .pace-progress {
+  background: #6610f2;
+  color: #6610f2;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-indigo .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-indigo .pace .pace-progress {
+  background-color: #6610f2;
+  box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-indigo .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-indigo .pace-progress {
+  color: #6610f2;
+}
+
+.pace-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-barber-shop-purple .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-barber-shop-purple .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-purple .pace .pace-progress::after {
+  color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-bounce-purple .pace .pace-activity {
+  background: #6f42c1;
+}
+
+.pace-center-atom-purple .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-purple .pace-progress::before {
+  background: #6f42c1;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-purple .pace-activity {
+  border-color: #6f42c1;
+}
+
+.pace-center-atom-purple .pace-activity::after, .pace-center-atom-purple .pace-activity::before {
+  border-color: #6f42c1;
+}
+
+.pace-center-circle-purple .pace .pace-progress {
+  background: rgba(111, 66, 193, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-purple .pace .pace-activity {
+  border-color: #6f42c1 transparent transparent;
+}
+
+.pace-center-radar-purple .pace .pace-activity::before {
+  border-color: #6f42c1 transparent transparent;
+}
+
+.pace-center-simple-purple .pace {
+  background: #fff;
+  border-color: #6f42c1;
+}
+
+.pace-center-simple-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-material-purple .pace {
+  color: #6f42c1;
+}
+
+.pace-corner-indicator-purple .pace .pace-activity {
+  background: #6f42c1;
+}
+
+.pace-corner-indicator-purple .pace .pace-activity::after,
+.pace-corner-indicator-purple .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-purple .pace .pace-activity::before {
+  border-right-color: rgba(111, 66, 193, 0.2);
+  border-left-color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-corner-indicator-purple .pace .pace-activity::after {
+  border-top-color: rgba(111, 66, 193, 0.2);
+  border-bottom-color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-fill-left-purple .pace .pace-progress {
+  background-color: rgba(111, 66, 193, 0.2);
+}
+
+.pace-flash-purple .pace .pace-progress {
+  background: #6f42c1;
+}
+
+.pace-flash-purple .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1;
+}
+
+.pace-flash-purple .pace .pace-activity {
+  border-top-color: #6f42c1;
+  border-left-color: #6f42c1;
+}
+
+.pace-loading-bar-purple .pace .pace-progress {
+  background: #6f42c1;
+  color: #6f42c1;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-purple .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-purple .pace .pace-progress {
+  background-color: #6f42c1;
+  box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-purple .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-purple .pace-progress {
+  color: #6f42c1;
+}
+
+.pace-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-barber-shop-pink .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-barber-shop-pink .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-pink .pace .pace-progress::after {
+  color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-bounce-pink .pace .pace-activity {
+  background: #e83e8c;
+}
+
+.pace-center-atom-pink .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-pink .pace-progress::before {
+  background: #e83e8c;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-pink .pace-activity {
+  border-color: #e83e8c;
+}
+
+.pace-center-atom-pink .pace-activity::after, .pace-center-atom-pink .pace-activity::before {
+  border-color: #e83e8c;
+}
+
+.pace-center-circle-pink .pace .pace-progress {
+  background: rgba(232, 62, 140, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-pink .pace .pace-activity {
+  border-color: #e83e8c transparent transparent;
+}
+
+.pace-center-radar-pink .pace .pace-activity::before {
+  border-color: #e83e8c transparent transparent;
+}
+
+.pace-center-simple-pink .pace {
+  background: #fff;
+  border-color: #e83e8c;
+}
+
+.pace-center-simple-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-material-pink .pace {
+  color: #e83e8c;
+}
+
+.pace-corner-indicator-pink .pace .pace-activity {
+  background: #e83e8c;
+}
+
+.pace-corner-indicator-pink .pace .pace-activity::after,
+.pace-corner-indicator-pink .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-pink .pace .pace-activity::before {
+  border-right-color: rgba(232, 62, 140, 0.2);
+  border-left-color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-corner-indicator-pink .pace .pace-activity::after {
+  border-top-color: rgba(232, 62, 140, 0.2);
+  border-bottom-color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-fill-left-pink .pace .pace-progress {
+  background-color: rgba(232, 62, 140, 0.2);
+}
+
+.pace-flash-pink .pace .pace-progress {
+  background: #e83e8c;
+}
+
+.pace-flash-pink .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c;
+}
+
+.pace-flash-pink .pace .pace-activity {
+  border-top-color: #e83e8c;
+  border-left-color: #e83e8c;
+}
+
+.pace-loading-bar-pink .pace .pace-progress {
+  background: #e83e8c;
+  color: #e83e8c;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-pink .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-pink .pace .pace-progress {
+  background-color: #e83e8c;
+  box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-pink .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-pink .pace-progress {
+  color: #e83e8c;
+}
+
+.pace-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-red .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-barber-shop-red .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-red .pace .pace-progress::after {
+  color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-bounce-red .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-center-atom-red .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-red .pace-progress::before {
+  background: #dc3545;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-red .pace-activity {
+  border-color: #dc3545;
+}
+
+.pace-center-atom-red .pace-activity::after, .pace-center-atom-red .pace-activity::before {
+  border-color: #dc3545;
+}
+
+.pace-center-circle-red .pace .pace-progress {
+  background: rgba(220, 53, 69, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-red .pace .pace-activity {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-radar-red .pace .pace-activity::before {
+  border-color: #dc3545 transparent transparent;
+}
+
+.pace-center-simple-red .pace {
+  background: #fff;
+  border-color: #dc3545;
+}
+
+.pace-center-simple-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-material-red .pace {
+  color: #dc3545;
+}
+
+.pace-corner-indicator-red .pace .pace-activity {
+  background: #dc3545;
+}
+
+.pace-corner-indicator-red .pace .pace-activity::after,
+.pace-corner-indicator-red .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-red .pace .pace-activity::before {
+  border-right-color: rgba(220, 53, 69, 0.2);
+  border-left-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-corner-indicator-red .pace .pace-activity::after {
+  border-top-color: rgba(220, 53, 69, 0.2);
+  border-bottom-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-fill-left-red .pace .pace-progress {
+  background-color: rgba(220, 53, 69, 0.2);
+}
+
+.pace-flash-red .pace .pace-progress {
+  background: #dc3545;
+}
+
+.pace-flash-red .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
+}
+
+.pace-flash-red .pace .pace-activity {
+  border-top-color: #dc3545;
+  border-left-color: #dc3545;
+}
+
+.pace-loading-bar-red .pace .pace-progress {
+  background: #dc3545;
+  color: #dc3545;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-red .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-red .pace .pace-progress {
+  background-color: #dc3545;
+  box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-red .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-red .pace-progress {
+  color: #dc3545;
+}
+
+.pace-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-barber-shop-orange .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-barber-shop-orange .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-orange .pace .pace-progress::after {
+  color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-bounce-orange .pace .pace-activity {
+  background: #fd7e14;
+}
+
+.pace-center-atom-orange .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-orange .pace-progress::before {
+  background: #fd7e14;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-orange .pace-activity {
+  border-color: #fd7e14;
+}
+
+.pace-center-atom-orange .pace-activity::after, .pace-center-atom-orange .pace-activity::before {
+  border-color: #fd7e14;
+}
+
+.pace-center-circle-orange .pace .pace-progress {
+  background: rgba(253, 126, 20, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-orange .pace .pace-activity {
+  border-color: #fd7e14 transparent transparent;
+}
+
+.pace-center-radar-orange .pace .pace-activity::before {
+  border-color: #fd7e14 transparent transparent;
+}
+
+.pace-center-simple-orange .pace {
+  background: #1f2d3d;
+  border-color: #fd7e14;
+}
+
+.pace-center-simple-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-material-orange .pace {
+  color: #fd7e14;
+}
+
+.pace-corner-indicator-orange .pace .pace-activity {
+  background: #fd7e14;
+}
+
+.pace-corner-indicator-orange .pace .pace-activity::after,
+.pace-corner-indicator-orange .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-orange .pace .pace-activity::before {
+  border-right-color: rgba(253, 126, 20, 0.2);
+  border-left-color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-corner-indicator-orange .pace .pace-activity::after {
+  border-top-color: rgba(253, 126, 20, 0.2);
+  border-bottom-color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-fill-left-orange .pace .pace-progress {
+  background-color: rgba(253, 126, 20, 0.2);
+}
+
+.pace-flash-orange .pace .pace-progress {
+  background: #fd7e14;
+}
+
+.pace-flash-orange .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14;
+}
+
+.pace-flash-orange .pace .pace-activity {
+  border-top-color: #fd7e14;
+  border-left-color: #fd7e14;
+}
+
+.pace-loading-bar-orange .pace .pace-progress {
+  background: #fd7e14;
+  color: #fd7e14;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-orange .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-orange .pace .pace-progress {
+  background-color: #fd7e14;
+  box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-orange .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-orange .pace-progress {
+  color: #fd7e14;
+}
+
+.pace-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-yellow .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-barber-shop-yellow .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-yellow .pace .pace-progress::after {
+  color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-bounce-yellow .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-center-atom-yellow .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-yellow .pace-progress::before {
+  background: #ffc107;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-yellow .pace-activity {
+  border-color: #ffc107;
+}
+
+.pace-center-atom-yellow .pace-activity::after, .pace-center-atom-yellow .pace-activity::before {
+  border-color: #ffc107;
+}
+
+.pace-center-circle-yellow .pace .pace-progress {
+  background: rgba(255, 193, 7, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-yellow .pace .pace-activity {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-radar-yellow .pace .pace-activity::before {
+  border-color: #ffc107 transparent transparent;
+}
+
+.pace-center-simple-yellow .pace {
+  background: #1f2d3d;
+  border-color: #ffc107;
+}
+
+.pace-center-simple-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-material-yellow .pace {
+  color: #ffc107;
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity {
+  background: #ffc107;
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity::after,
+.pace-corner-indicator-yellow .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity::before {
+  border-right-color: rgba(255, 193, 7, 0.2);
+  border-left-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-corner-indicator-yellow .pace .pace-activity::after {
+  border-top-color: rgba(255, 193, 7, 0.2);
+  border-bottom-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-fill-left-yellow .pace .pace-progress {
+  background-color: rgba(255, 193, 7, 0.2);
+}
+
+.pace-flash-yellow .pace .pace-progress {
+  background: #ffc107;
+}
+
+.pace-flash-yellow .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
+}
+
+.pace-flash-yellow .pace .pace-activity {
+  border-top-color: #ffc107;
+  border-left-color: #ffc107;
+}
+
+.pace-loading-bar-yellow .pace .pace-progress {
+  background: #ffc107;
+  color: #ffc107;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-yellow .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-yellow .pace .pace-progress {
+  background-color: #ffc107;
+  box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-yellow .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-yellow .pace-progress {
+  color: #ffc107;
+}
+
+.pace-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-green .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-barber-shop-green .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-green .pace .pace-progress::after {
+  color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-bounce-green .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-center-atom-green .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-green .pace-progress::before {
+  background: #28a745;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-green .pace-activity {
+  border-color: #28a745;
+}
+
+.pace-center-atom-green .pace-activity::after, .pace-center-atom-green .pace-activity::before {
+  border-color: #28a745;
+}
+
+.pace-center-circle-green .pace .pace-progress {
+  background: rgba(40, 167, 69, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-green .pace .pace-activity {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-radar-green .pace .pace-activity::before {
+  border-color: #28a745 transparent transparent;
+}
+
+.pace-center-simple-green .pace {
+  background: #fff;
+  border-color: #28a745;
+}
+
+.pace-center-simple-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-material-green .pace {
+  color: #28a745;
+}
+
+.pace-corner-indicator-green .pace .pace-activity {
+  background: #28a745;
+}
+
+.pace-corner-indicator-green .pace .pace-activity::after,
+.pace-corner-indicator-green .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-green .pace .pace-activity::before {
+  border-right-color: rgba(40, 167, 69, 0.2);
+  border-left-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-corner-indicator-green .pace .pace-activity::after {
+  border-top-color: rgba(40, 167, 69, 0.2);
+  border-bottom-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-fill-left-green .pace .pace-progress {
+  background-color: rgba(40, 167, 69, 0.2);
+}
+
+.pace-flash-green .pace .pace-progress {
+  background: #28a745;
+}
+
+.pace-flash-green .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
+}
+
+.pace-flash-green .pace .pace-activity {
+  border-top-color: #28a745;
+  border-left-color: #28a745;
+}
+
+.pace-loading-bar-green .pace .pace-progress {
+  background: #28a745;
+  color: #28a745;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-green .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-green .pace .pace-progress {
+  background-color: #28a745;
+  box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-green .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-green .pace-progress {
+  color: #28a745;
+}
+
+.pace-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-barber-shop-teal .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-barber-shop-teal .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-teal .pace .pace-progress::after {
+  color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-bounce-teal .pace .pace-activity {
+  background: #20c997;
+}
+
+.pace-center-atom-teal .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-teal .pace-progress::before {
+  background: #20c997;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-teal .pace-activity {
+  border-color: #20c997;
+}
+
+.pace-center-atom-teal .pace-activity::after, .pace-center-atom-teal .pace-activity::before {
+  border-color: #20c997;
+}
+
+.pace-center-circle-teal .pace .pace-progress {
+  background: rgba(32, 201, 151, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-teal .pace .pace-activity {
+  border-color: #20c997 transparent transparent;
+}
+
+.pace-center-radar-teal .pace .pace-activity::before {
+  border-color: #20c997 transparent transparent;
+}
+
+.pace-center-simple-teal .pace {
+  background: #fff;
+  border-color: #20c997;
+}
+
+.pace-center-simple-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-material-teal .pace {
+  color: #20c997;
+}
+
+.pace-corner-indicator-teal .pace .pace-activity {
+  background: #20c997;
+}
+
+.pace-corner-indicator-teal .pace .pace-activity::after,
+.pace-corner-indicator-teal .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-teal .pace .pace-activity::before {
+  border-right-color: rgba(32, 201, 151, 0.2);
+  border-left-color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-corner-indicator-teal .pace .pace-activity::after {
+  border-top-color: rgba(32, 201, 151, 0.2);
+  border-bottom-color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-fill-left-teal .pace .pace-progress {
+  background-color: rgba(32, 201, 151, 0.2);
+}
+
+.pace-flash-teal .pace .pace-progress {
+  background: #20c997;
+}
+
+.pace-flash-teal .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #20c997, 0 0 5px #20c997;
+}
+
+.pace-flash-teal .pace .pace-activity {
+  border-top-color: #20c997;
+  border-left-color: #20c997;
+}
+
+.pace-loading-bar-teal .pace .pace-progress {
+  background: #20c997;
+  color: #20c997;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-teal .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-teal .pace .pace-progress {
+  background-color: #20c997;
+  box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-teal .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-teal .pace-progress {
+  color: #20c997;
+}
+
+.pace-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-cyan .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-barber-shop-cyan .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-cyan .pace .pace-progress::after {
+  color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-bounce-cyan .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-center-atom-cyan .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-cyan .pace-progress::before {
+  background: #17a2b8;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-cyan .pace-activity {
+  border-color: #17a2b8;
+}
+
+.pace-center-atom-cyan .pace-activity::after, .pace-center-atom-cyan .pace-activity::before {
+  border-color: #17a2b8;
+}
+
+.pace-center-circle-cyan .pace .pace-progress {
+  background: rgba(23, 162, 184, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-cyan .pace .pace-activity {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-radar-cyan .pace .pace-activity::before {
+  border-color: #17a2b8 transparent transparent;
+}
+
+.pace-center-simple-cyan .pace {
+  background: #fff;
+  border-color: #17a2b8;
+}
+
+.pace-center-simple-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-material-cyan .pace {
+  color: #17a2b8;
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity {
+  background: #17a2b8;
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity::after,
+.pace-corner-indicator-cyan .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity::before {
+  border-right-color: rgba(23, 162, 184, 0.2);
+  border-left-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-corner-indicator-cyan .pace .pace-activity::after {
+  border-top-color: rgba(23, 162, 184, 0.2);
+  border-bottom-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-fill-left-cyan .pace .pace-progress {
+  background-color: rgba(23, 162, 184, 0.2);
+}
+
+.pace-flash-cyan .pace .pace-progress {
+  background: #17a2b8;
+}
+
+.pace-flash-cyan .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
+}
+
+.pace-flash-cyan .pace .pace-activity {
+  border-top-color: #17a2b8;
+  border-left-color: #17a2b8;
+}
+
+.pace-loading-bar-cyan .pace .pace-progress {
+  background: #17a2b8;
+  color: #17a2b8;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-cyan .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-cyan .pace .pace-progress {
+  background-color: #17a2b8;
+  box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-cyan .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-cyan .pace-progress {
+  color: #17a2b8;
+}
+
+.pace-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-barber-shop-white .pace {
+  background: #1f2d3d;
+}
+
+.pace-barber-shop-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-barber-shop-white .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-white .pace .pace-progress::after {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-bounce-white .pace .pace-activity {
+  background: #fff;
+}
+
+.pace-center-atom-white .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-white .pace-progress::before {
+  background: #fff;
+  color: #1f2d3d;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-white .pace-activity {
+  border-color: #fff;
+}
+
+.pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before {
+  border-color: #fff;
+}
+
+.pace-center-circle-white .pace .pace-progress {
+  background: rgba(255, 255, 255, 0.8);
+  color: #1f2d3d;
+}
+
+.pace-center-radar-white .pace .pace-activity {
+  border-color: #fff transparent transparent;
+}
+
+.pace-center-radar-white .pace .pace-activity::before {
+  border-color: #fff transparent transparent;
+}
+
+.pace-center-simple-white .pace {
+  background: #1f2d3d;
+  border-color: #fff;
+}
+
+.pace-center-simple-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-material-white .pace {
+  color: #fff;
+}
+
+.pace-corner-indicator-white .pace .pace-activity {
+  background: #fff;
+}
+
+.pace-corner-indicator-white .pace .pace-activity::after,
+.pace-corner-indicator-white .pace .pace-activity::before {
+  border: 5px solid #1f2d3d;
+}
+
+.pace-corner-indicator-white .pace .pace-activity::before {
+  border-right-color: rgba(255, 255, 255, 0.2);
+  border-left-color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-corner-indicator-white .pace .pace-activity::after {
+  border-top-color: rgba(255, 255, 255, 0.2);
+  border-bottom-color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-fill-left-white .pace .pace-progress {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.pace-flash-white .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-flash-white .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
+}
+
+.pace-flash-white .pace .pace-activity {
+  border-top-color: #fff;
+  border-left-color: #fff;
+}
+
+.pace-loading-bar-white .pace .pace-progress {
+  background: #fff;
+  color: #fff;
+  box-shadow: 120px 0 #1f2d3d, 240px 0 #1f2d3d;
+}
+
+.pace-loading-bar-white .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 7px #1f2d3d;
+}
+
+.pace-mac-osx-white .pace .pace-progress {
+  background-color: #fff;
+  box-shadow: inset -1px 0 #fff, inset 0 -1px #fff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
+}
+
+.pace-mac-osx-white .pace .pace-activity {
+  background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-white .pace-progress {
+  color: #fff;
+}
+
+.pace-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-gray .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-barber-shop-gray .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-gray .pace .pace-progress::after {
+  color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-bounce-gray .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-center-atom-gray .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-gray .pace-progress::before {
+  background: #6c757d;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-gray .pace-activity {
+  border-color: #6c757d;
+}
+
+.pace-center-atom-gray .pace-activity::after, .pace-center-atom-gray .pace-activity::before {
+  border-color: #6c757d;
+}
+
+.pace-center-circle-gray .pace .pace-progress {
+  background: rgba(108, 117, 125, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-gray .pace .pace-activity {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-radar-gray .pace .pace-activity::before {
+  border-color: #6c757d transparent transparent;
+}
+
+.pace-center-simple-gray .pace {
+  background: #fff;
+  border-color: #6c757d;
+}
+
+.pace-center-simple-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-material-gray .pace {
+  color: #6c757d;
+}
+
+.pace-corner-indicator-gray .pace .pace-activity {
+  background: #6c757d;
+}
+
+.pace-corner-indicator-gray .pace .pace-activity::after,
+.pace-corner-indicator-gray .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-gray .pace .pace-activity::before {
+  border-right-color: rgba(108, 117, 125, 0.2);
+  border-left-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-corner-indicator-gray .pace .pace-activity::after {
+  border-top-color: rgba(108, 117, 125, 0.2);
+  border-bottom-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-fill-left-gray .pace .pace-progress {
+  background-color: rgba(108, 117, 125, 0.2);
+}
+
+.pace-flash-gray .pace .pace-progress {
+  background: #6c757d;
+}
+
+.pace-flash-gray .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
+}
+
+.pace-flash-gray .pace .pace-activity {
+  border-top-color: #6c757d;
+  border-left-color: #6c757d;
+}
+
+.pace-loading-bar-gray .pace .pace-progress {
+  background: #6c757d;
+  color: #6c757d;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-gray .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-gray .pace .pace-progress {
+  background-color: #6c757d;
+  box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-gray .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-gray .pace-progress {
+  color: #6c757d;
+}
+
+.pace-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-gray-dark .pace {
+  background: #fff;
+}
+
+.pace-barber-shop-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-barber-shop-gray-dark .pace .pace-activity {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+}
+
+.pace-big-counter-gray-dark .pace .pace-progress::after {
+  color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-bounce-gray-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-center-atom-gray-dark .pace-progress {
+  height: 100px;
+  width: 80px;
+}
+
+.pace-center-atom-gray-dark .pace-progress::before {
+  background: #343a40;
+  color: #fff;
+  font-size: .8rem;
+  line-height: .7rem;
+  padding-top: 17%;
+}
+
+.pace-center-atom-gray-dark .pace-activity {
+  border-color: #343a40;
+}
+
+.pace-center-atom-gray-dark .pace-activity::after, .pace-center-atom-gray-dark .pace-activity::before {
+  border-color: #343a40;
+}
+
+.pace-center-circle-gray-dark .pace .pace-progress {
+  background: rgba(52, 58, 64, 0.8);
+  color: #fff;
+}
+
+.pace-center-radar-gray-dark .pace .pace-activity {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-radar-gray-dark .pace .pace-activity::before {
+  border-color: #343a40 transparent transparent;
+}
+
+.pace-center-simple-gray-dark .pace {
+  background: #fff;
+  border-color: #343a40;
+}
+
+.pace-center-simple-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-material-gray-dark .pace {
+  color: #343a40;
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity {
+  background: #343a40;
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity::after,
+.pace-corner-indicator-gray-dark .pace .pace-activity::before {
+  border: 5px solid #fff;
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity::before {
+  border-right-color: rgba(52, 58, 64, 0.2);
+  border-left-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-corner-indicator-gray-dark .pace .pace-activity::after {
+  border-top-color: rgba(52, 58, 64, 0.2);
+  border-bottom-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-fill-left-gray-dark .pace .pace-progress {
+  background-color: rgba(52, 58, 64, 0.2);
+}
+
+.pace-flash-gray-dark .pace .pace-progress {
+  background: #343a40;
+}
+
+.pace-flash-gray-dark .pace .pace-progress-inner {
+  box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
+}
+
+.pace-flash-gray-dark .pace .pace-activity {
+  border-top-color: #343a40;
+  border-left-color: #343a40;
+}
+
+.pace-loading-bar-gray-dark .pace .pace-progress {
+  background: #343a40;
+  color: #343a40;
+  box-shadow: 120px 0 #fff, 240px 0 #fff;
+}
+
+.pace-loading-bar-gray-dark .pace .pace-activity {
+  box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #fff;
+}
+
+.pace-mac-osx-gray-dark .pace .pace-progress {
+  background-color: #343a40;
+  box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
+}
+
+.pace-mac-osx-gray-dark .pace .pace-activity {
+  background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
+  height: 12px;
+}
+
+.pace-progress-color-gray-dark .pace-progress {
+  color: #343a40;
+}
+
+/**
+  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
+  *
+  * @version v3.4 (MODDED)
+  * @homepage https://bttstrp.github.io/bootstrap-switch
+  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
+  * @license MIT
+  */
+.bootstrap-switch {
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  direction: ltr;
+  display: inline-block;
+  line-height: .5rem;
+  overflow: hidden;
+  position: relative;
+  text-align: left;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  z-index: 0;
+}
+
+.bootstrap-switch .bootstrap-switch-container {
+  border-radius: 0.25rem;
+  display: inline-block;
+  top: 0;
+  transform: translate3d(0, 0, 0);
+}
+
+.bootstrap-switch:focus-within {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off,
+.bootstrap-switch .bootstrap-switch-label {
+  box-sizing: border-box;
+  cursor: pointer;
+  display: table-cell;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.2rem;
+  padding: .25rem .5rem;
+  vertical-align: middle;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off {
+  text-align: center;
+  z-index: 1;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
+  background: #e9ecef;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
+  background: #007bff;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
+  background: #6c757d;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
+  background: #28a745;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
+  background: #17a2b8;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
+  background: #ffc107;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
+  background: #dc3545;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
+  background: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
+  background: #3c8dbc;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
+  background: #001f3f;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
+  background: #3d9970;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
+  background: #01ff70;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
+  background: #f012be;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
+  background: #d81b60;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
+  background: #007bff;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
+  background: #6610f2;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
+  background: #6f42c1;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
+  background: #e83e8c;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
+  background: #dc3545;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
+  background: #fd7e14;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
+  background: #ffc107;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
+  background: #28a745;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
+  background: #20c997;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
+  background: #17a2b8;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
+  background: #fff;
+  color: #1f2d3d;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
+  background: #6c757d;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on {
+  border-bottom-left-radius: 0.1rem;
+  border-top-left-radius: 0.1rem;
+}
+
+.bootstrap-switch .bootstrap-switch-handle-off {
+  border-bottom-right-radius: 0.1rem;
+  border-top-right-radius: 0.1rem;
+}
+
+.bootstrap-switch input[type='radio'],
+.bootstrap-switch input[type='checkbox'] {
+  filter: alpha(opacity=0);
+  left: 0;
+  margin: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  visibility: hidden;
+  z-index: -1;
+}
+
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
+  font-size: .875rem;
+  line-height: 1.5;
+  padding: .1rem .3rem;
+}
+
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
+  font-size: .875rem;
+  line-height: 1.5;
+  padding: .2rem .4rem;
+}
+
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
+  font-size: 1.25rem;
+  line-height: 1.3333333rem;
+  padding: .3rem .5rem;
+}
+
+.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
+  cursor: default;
+}
+
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
+  cursor: default;
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
+  transition: margin-left .5s;
+}
+
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
+  border-radius: 0 0.1rem 0.1rem 0;
+}
+
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
+  border-radius: 0.1rem 0 0 0.1rem;
+}
+
+.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
+  border-bottom-right-radius: 0.1rem;
+  border-top-right-radius: 0.1rem;
+}
+
+.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
+  border-bottom-left-radius: 0.1rem;
+  border-top-left-radius: 0.1rem;
+}
+
+.dark-mode .bootstrap-switch {
+  border-color: #6c757d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
+  background-color: #3a4047;
+  color: #fff;
+  border-color: #454d55;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
+  background: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
+  background: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
+  background: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
+  background: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
+  background: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
+  background: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
+  background: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
+  background: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
+  background: #002c59;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
+  background: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
+  background: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
+  background: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
+  background: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
+  background: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
+  background: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
+  background: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
+  background: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
+  background: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
+  background: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
+  background: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
+  background: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
+  background: #20c997;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
+  background: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
+  background: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
+  background: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
+.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
+  background: #343a40;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker {
+  background-color: #3f474e;
+  border: inherit;
+}
+
+.dark-mode .daterangepicker::before, .dark-mode .daterangepicker::after {
+  border-bottom-color: #3f474e;
+}
+
+.dark-mode .daterangepicker td.available:hover,
+.dark-mode .daterangepicker th.available:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .daterangepicker td.in-range {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker td.off,
+.dark-mode .daterangepicker td.off.in-range,
+.dark-mode .daterangepicker td.off.start-date,
+.dark-mode .daterangepicker td.off.end-date {
+  background-color: #292d32;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker .ranges li:hover {
+  background-color: #343a40;
+}
+
+.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar {
+  border-color: #4b545c;
+}
+
+.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.left, .dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.right {
+  border-color: #4b545c;
   padding-top: 0;
 }
-.position-static {
-  position: static !important;
+
+.dark-mode .daterangepicker .drp-buttons {
+  border-color: #4b545c;
 }
-.list-header {
-  font-size: 15px;
-  padding: 10px 4px;
-  font-weight: bold;
-  color: #666;
+
+.dark-mode .daterangepicker .calendar-table {
+  background-color: #343a40;
+  border-color: #4b545c;
 }
-.list-seperator {
-  height: 1px;
-  background: #f4f4f4;
-  margin: 15px 0 9px 0;
+
+.dark-mode .daterangepicker .calendar-table th,
+.dark-mode .daterangepicker .calendar-table td {
+  color: #fff;
 }
-.list-link > a {
-  padding: 4px;
-  color: #777;
+
+.dark-mode .daterangepicker .calendar-table .next span,
+.dark-mode .daterangepicker .calendar-table .prev span {
+  border-color: #fff;
 }
-.list-link > a:hover {
-  color: #222;
+
+.dark-mode .daterangepicker select.hourselect,
+.dark-mode .daterangepicker select.minuteselect,
+.dark-mode .daterangepicker select.secondselect,
+.dark-mode .daterangepicker select.ampmselect {
+  background-color: #343a40;
+  border-color: #4b545c;
 }
-.font-light {
-  font-weight: 300;
-}
-.user-block:before,
-.user-block:after {
-  content: " ";
-  display: table;
-}
-.user-block:after {
-  clear: both;
-}
-.user-block img {
-  width: 40px;
-  height: 40px;
-  float: left;
-}
-.user-block .username,
-.user-block .description,
-.user-block .comment {
-  display: block;
-  margin-left: 50px;
-}
-.user-block .username {
-  font-size: 16px;
-  font-weight: 600;
-}
-.user-block .description {
-  color: #999;
-  font-size: 13px;
-}
-.user-block.user-block-sm .username,
-.user-block.user-block-sm .description,
-.user-block.user-block-sm .comment {
-  margin-left: 40px;
-}
-.user-block.user-block-sm .username {
-  font-size: 14px;
-}
-.img-sm,
-.img-md,
-.img-lg,
-.box-comments .box-comment img,
-.user-block.user-block-sm img {
-  float: left;
-}
-.img-sm,
-.box-comments .box-comment img,
-.user-block.user-block-sm img {
-  width: 30px !important;
-  height: 30px !important;
-}
-.img-sm + .img-push {
-  margin-left: 40px;
-}
-.img-md {
-  width: 60px;
-  height: 60px;
-}
-.img-md + .img-push {
-  margin-left: 70px;
-}
-.img-lg {
-  width: 100px;
-  height: 100px;
-}
-.img-lg + .img-push {
-  margin-left: 110px;
-}
-.img-bordered {
-  border: 3px solid #d2d6de;
-  padding: 3px;
-}
-.img-bordered-sm {
-  border: 2px solid #d2d6de;
-  padding: 2px;
-}
-.attachment-block {
-  border: 1px solid #f4f4f4;
-  padding: 5px;
-  margin-bottom: 10px;
-  background: #f7f7f7;
-}
-.attachment-block .attachment-img {
-  max-width: 100px;
-  max-height: 100px;
-  height: auto;
-  float: left;
-}
-.attachment-block .attachment-pushed {
-  margin-left: 110px;
-}
-.attachment-block .attachment-heading {
-  margin: 0;
-}
-.attachment-block .attachment-text {
-  color: #555;
+
+.jqstooltip {
+  height: auto !important;
+  padding: 5px !important;
+  width: auto !important;
 }
+
 .connectedSortable {
   min-height: 100px;
 }
+
 .ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
@@ -20198,77 +58877,1277 @@ fieldset[disabled] .btn-yahoo.focus {
   position: absolute;
   width: 1px;
 }
+
 .sort-highlight {
-  background: #f4f4f4;
-  border: 1px dashed #ddd;
+  background: #f8f9fa;
+  border: 1px dashed #dee2e6;
   margin-bottom: 10px;
 }
-.full-opacity-hover {
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-}
-.full-opacity-hover:hover {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
+
 .chart {
-  position: relative;
   overflow: hidden;
+  position: relative;
+}
+
+.dark-mode .irs--flat .irs-line {
+  background-color: #4b545c;
+}
+
+.dark-mode .jsgrid-edit-row > .jsgrid-cell,
+.dark-mode .jsgrid-filter-row > .jsgrid-cell,
+.dark-mode .jsgrid-grid-body, .dark-mode .jsgrid-grid-header,
+.dark-mode .jsgrid-header-row > .jsgrid-header-cell,
+.dark-mode .jsgrid-insert-row > .jsgrid-cell,
+.dark-mode .jsgrid-row > .jsgrid-cell,
+.dark-mode .jsgrid-alt-row > .jsgrid-cell {
+  border-color: #6c757d;
+}
+
+.dark-mode .jsgrid-header-row > .jsgrid-header-cell,
+.dark-mode .jsgrid-row > .jsgrid-cell {
+  background-color: #343a40;
+}
+
+.dark-mode .jsgrid-alt-row > .jsgrid-cell {
+  background-color: #3a4047;
+}
+
+.dark-mode .jsgrid-selected-row > .jsgrid-cell {
+  background-color: #3f474e;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
+.description-block {
+  display: block;
+  margin: 10px 0;
+  text-align: center;
+}
+
+.description-block.margin-bottom {
+  margin-bottom: 25px;
+}
+
+.description-block > .description-header {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+  padding: 0;
+}
+
+.description-block > .description-text {
+  text-transform: uppercase;
+}
+
+.description-block .description-icon {
+  font-size: 16px;
+}
+
+.list-group-unbordered > .list-group-item {
+  border-left: 0;
+  border-radius: 0;
+  border-right: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.list-header {
+  color: #6c757d;
+  font-size: 15px;
+  font-weight: 700;
+  padding: 10px 4px;
+}
+
+.list-seperator {
+  background-color: rgba(0, 0, 0, 0.125);
+  height: 1px;
+  margin: 15px 0 9px;
+}
+
+.list-link > a {
+  color: #6c757d;
+  padding: 4px;
+}
+
+.list-link > a:hover {
+  color: #212529;
+}
+
+.user-block {
+  float: left;
+}
+
+.user-block img {
+  float: left;
+  height: 40px;
+  width: 40px;
+}
+
+.user-block .username,
+.user-block .description,
+.user-block .comment {
+  display: block;
+  margin-left: 50px;
+}
+
+.user-block .username {
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: -1px;
+}
+
+.user-block .description {
+  color: #6c757d;
+  font-size: 13px;
+  margin-top: -3px;
+}
+
+.user-block.user-block-sm img {
+  width: 1.875rem;
+  height: 1.875rem;
+}
+
+.user-block.user-block-sm .username,
+.user-block.user-block-sm .description,
+.user-block.user-block-sm .comment {
+  margin-left: 40px;
+}
+
+.user-block.user-block-sm .username {
+  font-size: 14px;
+}
+
+.img-sm,
+.img-md,
+.img-lg {
+  float: left;
+}
+
+.img-sm {
+  height: 1.875rem;
+  width: 1.875rem;
+}
+
+.img-sm + .img-push {
+  margin-left: 2.5rem;
+}
+
+.img-md {
+  width: 3.75rem;
+  height: 3.75rem;
+}
+
+.img-md + .img-push {
+  margin-left: 4.375rem;
+}
+
+.img-lg {
+  width: 6.25rem;
+  height: 6.25rem;
+}
+
+.img-lg + .img-push {
+  margin-left: 6.875rem;
+}
+
+.img-bordered {
+  border: 3px solid #adb5bd;
+  padding: 3px;
+}
+
+.img-bordered-sm {
+  border: 2px solid #adb5bd;
+  padding: 2px;
+}
+
+.img-rounded {
+  border-radius: 0.25rem;
+}
+
+.img-circle {
+  border-radius: 50%;
+}
+
+.img-size-64,
+.img-size-50,
+.img-size-32 {
+  height: auto;
+}
+
+.img-size-64 {
+  width: 64px;
+}
+
+.img-size-50 {
+  width: 50px;
+}
+
+.img-size-32 {
+  width: 32px;
+}
+
+.size-32,
+.size-40,
+.size-50 {
+  display: block;
+  text-align: center;
+}
+
+.size-32 {
+  height: 32px;
+  line-height: 32px;
+  width: 32px;
+}
+
+.size-40 {
+  height: 40px;
+  line-height: 40px;
+  width: 40px;
+}
+
+.size-50 {
+  height: 50px;
+  line-height: 50px;
+  width: 50px;
+}
+
+.attachment-block {
+  background-color: #f8f9fa;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  margin-bottom: 10px;
+  padding: 5px;
+}
+
+.attachment-block .attachment-img {
+  float: left;
+  height: auto;
+  max-height: 100px;
+  max-width: 100px;
+}
+
+.attachment-block .attachment-pushed {
+  margin-left: 110px;
+}
+
+.attachment-block .attachment-heading {
+  margin: 0;
+}
+
+.attachment-block .attachment-text {
+  color: #495057;
+}
+
+.card > .overlay,
+.card > .loading-img,
+.overlay-wrapper > .overlay,
+.overlay-wrapper > .loading-img,
+.info-box > .overlay,
+.info-box > .loading-img,
+.small-box > .overlay,
+.small-box > .loading-img {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
   width: 100%;
 }
-.chart svg,
-.chart canvas {
-  width: 100% !important;
+
+.card .overlay,
+.overlay-wrapper .overlay,
+.info-box .overlay,
+.small-box .overlay {
+  border-radius: 0.25rem;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.7);
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  z-index: 50;
 }
-hr {
-  border-top: 1px solid #555555;
+
+.card .overlay > .fa,
+.card .overlay > .fas,
+.card .overlay > .far,
+.card .overlay > .fab,
+.card .overlay > .fal,
+.card .overlay > .fad,
+.card .overlay > .svg-inline--fa,
+.card .overlay > .ion,
+.overlay-wrapper .overlay > .fa,
+.overlay-wrapper .overlay > .fas,
+.overlay-wrapper .overlay > .far,
+.overlay-wrapper .overlay > .fab,
+.overlay-wrapper .overlay > .fal,
+.overlay-wrapper .overlay > .fad,
+.overlay-wrapper .overlay > .svg-inline--fa,
+.overlay-wrapper .overlay > .ion,
+.info-box .overlay > .fa,
+.info-box .overlay > .fas,
+.info-box .overlay > .far,
+.info-box .overlay > .fab,
+.info-box .overlay > .fal,
+.info-box .overlay > .fad,
+.info-box .overlay > .svg-inline--fa,
+.info-box .overlay > .ion,
+.small-box .overlay > .fa,
+.small-box .overlay > .fas,
+.small-box .overlay > .far,
+.small-box .overlay > .fab,
+.small-box .overlay > .fal,
+.small-box .overlay > .fad,
+.small-box .overlay > .svg-inline--fa,
+.small-box .overlay > .ion {
+  color: #343a40;
 }
-#red .slider-selection {
-  background: #f56954;
+
+.card .overlay.dark,
+.overlay-wrapper .overlay.dark,
+.info-box .overlay.dark,
+.small-box .overlay.dark {
+  background-color: rgba(0, 0, 0, 0.5);
 }
-#blue .slider-selection {
-  background: #3c8dbc;
+
+.card .overlay.dark > .fa,
+.card .overlay.dark > .fas,
+.card .overlay.dark > .far,
+.card .overlay.dark > .fab,
+.card .overlay.dark > .fal,
+.card .overlay.dark > .fad,
+.card .overlay.dark > .svg-inline--fa,
+.card .overlay.dark > .ion,
+.overlay-wrapper .overlay.dark > .fa,
+.overlay-wrapper .overlay.dark > .fas,
+.overlay-wrapper .overlay.dark > .far,
+.overlay-wrapper .overlay.dark > .fab,
+.overlay-wrapper .overlay.dark > .fal,
+.overlay-wrapper .overlay.dark > .fad,
+.overlay-wrapper .overlay.dark > .svg-inline--fa,
+.overlay-wrapper .overlay.dark > .ion,
+.info-box .overlay.dark > .fa,
+.info-box .overlay.dark > .fas,
+.info-box .overlay.dark > .far,
+.info-box .overlay.dark > .fab,
+.info-box .overlay.dark > .fal,
+.info-box .overlay.dark > .fad,
+.info-box .overlay.dark > .svg-inline--fa,
+.info-box .overlay.dark > .ion,
+.small-box .overlay.dark > .fa,
+.small-box .overlay.dark > .fas,
+.small-box .overlay.dark > .far,
+.small-box .overlay.dark > .fab,
+.small-box .overlay.dark > .fal,
+.small-box .overlay.dark > .fad,
+.small-box .overlay.dark > .svg-inline--fa,
+.small-box .overlay.dark > .ion {
+  color: #ced4da;
 }
-#green .slider-selection {
-  background: #00a65a;
+
+.tab-pane > .overlay-wrapper {
+  position: relative;
 }
-#yellow .slider-selection {
-  background: #f39c12;
+
+.tab-pane > .overlay-wrapper > .overlay {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin-top: -1.25rem;
+  margin-left: -1.25rem;
+  height: calc(100% + 2 * 1.25rem);
+  width: calc(100% + 2 * 1.25rem);
 }
-#aqua .slider-selection {
-  background: #00c0ef;
+
+.tab-pane > .overlay-wrapper > .overlay.dark {
+  color: #fff;
 }
-#purple .slider-selection {
-  background: #932ab6;
+
+.ribbon-wrapper {
+  height: 70px;
+  overflow: hidden;
+  position: absolute;
+  right: -2px;
+  top: -2px;
+  width: 70px;
+  z-index: 10;
 }
-/*
- * Misc: print
- * -----------
- */
+
+.ribbon-wrapper.ribbon-lg {
+  height: 120px;
+  width: 120px;
+}
+
+.ribbon-wrapper.ribbon-lg .ribbon {
+  right: 0;
+  top: 26px;
+  width: 160px;
+}
+
+.ribbon-wrapper.ribbon-xl {
+  height: 180px;
+  width: 180px;
+}
+
+.ribbon-wrapper.ribbon-xl .ribbon {
+  right: 4px;
+  top: 47px;
+  width: 240px;
+}
+
+.ribbon-wrapper .ribbon {
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  font-size: 0.8rem;
+  line-height: 100%;
+  padding: 0.375rem 0;
+  position: relative;
+  right: -2px;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+  text-transform: uppercase;
+  top: 10px;
+  transform: rotate(45deg);
+  width: 90px;
+}
+
+.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
+  border-left: 3px solid transparent;
+  border-right: 3px solid transparent;
+  border-top: 3px solid #9e9e9e;
+  bottom: -3px;
+  content: "";
+  position: absolute;
+}
+
+.ribbon-wrapper .ribbon::before {
+  left: 0;
+}
+
+.ribbon-wrapper .ribbon::after {
+  right: 0;
+}
+
+.back-to-top {
+  bottom: 1.25rem;
+  position: fixed;
+  right: 1.25rem;
+  z-index: 1032;
+}
+
+.back-to-top:focus {
+  box-shadow: none;
+}
+
+pre {
+  padding: .75rem;
+}
+
+blockquote {
+  background-color: #fff;
+  border-left: 0.7rem solid #007bff;
+  margin: 1.5em .7rem;
+  padding: .5em .7rem;
+}
+
+.box blockquote {
+  background-color: #e9ecef;
+}
+
+blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+blockquote h1,
+blockquote h2,
+blockquote h3,
+blockquote h4,
+blockquote h5,
+blockquote h6 {
+  color: #007bff;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+blockquote.quote-primary {
+  border-color: #007bff;
+}
+
+blockquote.quote-primary h1,
+blockquote.quote-primary h2,
+blockquote.quote-primary h3,
+blockquote.quote-primary h4,
+blockquote.quote-primary h5,
+blockquote.quote-primary h6 {
+  color: #007bff;
+}
+
+blockquote.quote-secondary {
+  border-color: #6c757d;
+}
+
+blockquote.quote-secondary h1,
+blockquote.quote-secondary h2,
+blockquote.quote-secondary h3,
+blockquote.quote-secondary h4,
+blockquote.quote-secondary h5,
+blockquote.quote-secondary h6 {
+  color: #6c757d;
+}
+
+blockquote.quote-success {
+  border-color: #28a745;
+}
+
+blockquote.quote-success h1,
+blockquote.quote-success h2,
+blockquote.quote-success h3,
+blockquote.quote-success h4,
+blockquote.quote-success h5,
+blockquote.quote-success h6 {
+  color: #28a745;
+}
+
+blockquote.quote-info {
+  border-color: #17a2b8;
+}
+
+blockquote.quote-info h1,
+blockquote.quote-info h2,
+blockquote.quote-info h3,
+blockquote.quote-info h4,
+blockquote.quote-info h5,
+blockquote.quote-info h6 {
+  color: #17a2b8;
+}
+
+blockquote.quote-warning {
+  border-color: #ffc107;
+}
+
+blockquote.quote-warning h1,
+blockquote.quote-warning h2,
+blockquote.quote-warning h3,
+blockquote.quote-warning h4,
+blockquote.quote-warning h5,
+blockquote.quote-warning h6 {
+  color: #ffc107;
+}
+
+blockquote.quote-danger {
+  border-color: #dc3545;
+}
+
+blockquote.quote-danger h1,
+blockquote.quote-danger h2,
+blockquote.quote-danger h3,
+blockquote.quote-danger h4,
+blockquote.quote-danger h5,
+blockquote.quote-danger h6 {
+  color: #dc3545;
+}
+
+blockquote.quote-light {
+  border-color: #f8f9fa;
+}
+
+blockquote.quote-light h1,
+blockquote.quote-light h2,
+blockquote.quote-light h3,
+blockquote.quote-light h4,
+blockquote.quote-light h5,
+blockquote.quote-light h6 {
+  color: #f8f9fa;
+}
+
+blockquote.quote-dark {
+  border-color: #343a40;
+}
+
+blockquote.quote-dark h1,
+blockquote.quote-dark h2,
+blockquote.quote-dark h3,
+blockquote.quote-dark h4,
+blockquote.quote-dark h5,
+blockquote.quote-dark h6 {
+  color: #343a40;
+}
+
+blockquote.quote-lightblue {
+  border-color: #3c8dbc;
+}
+
+blockquote.quote-lightblue h1,
+blockquote.quote-lightblue h2,
+blockquote.quote-lightblue h3,
+blockquote.quote-lightblue h4,
+blockquote.quote-lightblue h5,
+blockquote.quote-lightblue h6 {
+  color: #3c8dbc;
+}
+
+blockquote.quote-navy {
+  border-color: #001f3f;
+}
+
+blockquote.quote-navy h1,
+blockquote.quote-navy h2,
+blockquote.quote-navy h3,
+blockquote.quote-navy h4,
+blockquote.quote-navy h5,
+blockquote.quote-navy h6 {
+  color: #001f3f;
+}
+
+blockquote.quote-olive {
+  border-color: #3d9970;
+}
+
+blockquote.quote-olive h1,
+blockquote.quote-olive h2,
+blockquote.quote-olive h3,
+blockquote.quote-olive h4,
+blockquote.quote-olive h5,
+blockquote.quote-olive h6 {
+  color: #3d9970;
+}
+
+blockquote.quote-lime {
+  border-color: #01ff70;
+}
+
+blockquote.quote-lime h1,
+blockquote.quote-lime h2,
+blockquote.quote-lime h3,
+blockquote.quote-lime h4,
+blockquote.quote-lime h5,
+blockquote.quote-lime h6 {
+  color: #01ff70;
+}
+
+blockquote.quote-fuchsia {
+  border-color: #f012be;
+}
+
+blockquote.quote-fuchsia h1,
+blockquote.quote-fuchsia h2,
+blockquote.quote-fuchsia h3,
+blockquote.quote-fuchsia h4,
+blockquote.quote-fuchsia h5,
+blockquote.quote-fuchsia h6 {
+  color: #f012be;
+}
+
+blockquote.quote-maroon {
+  border-color: #d81b60;
+}
+
+blockquote.quote-maroon h1,
+blockquote.quote-maroon h2,
+blockquote.quote-maroon h3,
+blockquote.quote-maroon h4,
+blockquote.quote-maroon h5,
+blockquote.quote-maroon h6 {
+  color: #d81b60;
+}
+
+blockquote.quote-blue {
+  border-color: #007bff;
+}
+
+blockquote.quote-blue h1,
+blockquote.quote-blue h2,
+blockquote.quote-blue h3,
+blockquote.quote-blue h4,
+blockquote.quote-blue h5,
+blockquote.quote-blue h6 {
+  color: #007bff;
+}
+
+blockquote.quote-indigo {
+  border-color: #6610f2;
+}
+
+blockquote.quote-indigo h1,
+blockquote.quote-indigo h2,
+blockquote.quote-indigo h3,
+blockquote.quote-indigo h4,
+blockquote.quote-indigo h5,
+blockquote.quote-indigo h6 {
+  color: #6610f2;
+}
+
+blockquote.quote-purple {
+  border-color: #6f42c1;
+}
+
+blockquote.quote-purple h1,
+blockquote.quote-purple h2,
+blockquote.quote-purple h3,
+blockquote.quote-purple h4,
+blockquote.quote-purple h5,
+blockquote.quote-purple h6 {
+  color: #6f42c1;
+}
+
+blockquote.quote-pink {
+  border-color: #e83e8c;
+}
+
+blockquote.quote-pink h1,
+blockquote.quote-pink h2,
+blockquote.quote-pink h3,
+blockquote.quote-pink h4,
+blockquote.quote-pink h5,
+blockquote.quote-pink h6 {
+  color: #e83e8c;
+}
+
+blockquote.quote-red {
+  border-color: #dc3545;
+}
+
+blockquote.quote-red h1,
+blockquote.quote-red h2,
+blockquote.quote-red h3,
+blockquote.quote-red h4,
+blockquote.quote-red h5,
+blockquote.quote-red h6 {
+  color: #dc3545;
+}
+
+blockquote.quote-orange {
+  border-color: #fd7e14;
+}
+
+blockquote.quote-orange h1,
+blockquote.quote-orange h2,
+blockquote.quote-orange h3,
+blockquote.quote-orange h4,
+blockquote.quote-orange h5,
+blockquote.quote-orange h6 {
+  color: #fd7e14;
+}
+
+blockquote.quote-yellow {
+  border-color: #ffc107;
+}
+
+blockquote.quote-yellow h1,
+blockquote.quote-yellow h2,
+blockquote.quote-yellow h3,
+blockquote.quote-yellow h4,
+blockquote.quote-yellow h5,
+blockquote.quote-yellow h6 {
+  color: #ffc107;
+}
+
+blockquote.quote-green {
+  border-color: #28a745;
+}
+
+blockquote.quote-green h1,
+blockquote.quote-green h2,
+blockquote.quote-green h3,
+blockquote.quote-green h4,
+blockquote.quote-green h5,
+blockquote.quote-green h6 {
+  color: #28a745;
+}
+
+blockquote.quote-teal {
+  border-color: #20c997;
+}
+
+blockquote.quote-teal h1,
+blockquote.quote-teal h2,
+blockquote.quote-teal h3,
+blockquote.quote-teal h4,
+blockquote.quote-teal h5,
+blockquote.quote-teal h6 {
+  color: #20c997;
+}
+
+blockquote.quote-cyan {
+  border-color: #17a2b8;
+}
+
+blockquote.quote-cyan h1,
+blockquote.quote-cyan h2,
+blockquote.quote-cyan h3,
+blockquote.quote-cyan h4,
+blockquote.quote-cyan h5,
+blockquote.quote-cyan h6 {
+  color: #17a2b8;
+}
+
+blockquote.quote-white {
+  border-color: #fff;
+}
+
+blockquote.quote-white h1,
+blockquote.quote-white h2,
+blockquote.quote-white h3,
+blockquote.quote-white h4,
+blockquote.quote-white h5,
+blockquote.quote-white h6 {
+  color: #fff;
+}
+
+blockquote.quote-gray {
+  border-color: #6c757d;
+}
+
+blockquote.quote-gray h1,
+blockquote.quote-gray h2,
+blockquote.quote-gray h3,
+blockquote.quote-gray h4,
+blockquote.quote-gray h5,
+blockquote.quote-gray h6 {
+  color: #6c757d;
+}
+
+blockquote.quote-gray-dark {
+  border-color: #343a40;
+}
+
+blockquote.quote-gray-dark h1,
+blockquote.quote-gray-dark h2,
+blockquote.quote-gray-dark h3,
+blockquote.quote-gray-dark h4,
+blockquote.quote-gray-dark h5,
+blockquote.quote-gray-dark h6 {
+  color: #343a40;
+}
+
+.tab-custom-content {
+  border-top: 1px solid #dee2e6;
+  margin-top: .5rem;
+  padding-top: .5rem;
+}
+
+.nav + .tab-custom-content {
+  border-top: none;
+  border-bottom: 1px solid #dee2e6;
+  margin-top: 0;
+  margin-bottom: .5rem;
+  padding-bottom: .5rem;
+}
+
+.badge-btn {
+  border-radius: 0.15rem;
+  font-size: 0.75rem;
+  font-weight: 400;
+  padding: 0.25rem 0.5rem;
+}
+
+.badge-btn.badge-pill {
+  padding: .375rem .6rem;
+}
+
+.dark-mode a:not(.btn):hover {
+  color: #3395ff;
+}
+
+.dark-mode .attachment-block {
+  background-color: #3d444b;
+}
+
+.dark-mode .attachment-block .attachment-text {
+  color: #ced4da;
+}
+
+.dark-mode blockquote {
+  background-color: #3f474e;
+}
+
+.dark-mode blockquote.quote-primary {
+  border-color: #007bff;
+}
+
+.dark-mode blockquote.quote-primary h1,
+.dark-mode blockquote.quote-primary h2,
+.dark-mode blockquote.quote-primary h3,
+.dark-mode blockquote.quote-primary h4,
+.dark-mode blockquote.quote-primary h5,
+.dark-mode blockquote.quote-primary h6 {
+  color: #007bff;
+}
+
+.dark-mode blockquote.quote-secondary {
+  border-color: #6c757d;
+}
+
+.dark-mode blockquote.quote-secondary h1,
+.dark-mode blockquote.quote-secondary h2,
+.dark-mode blockquote.quote-secondary h3,
+.dark-mode blockquote.quote-secondary h4,
+.dark-mode blockquote.quote-secondary h5,
+.dark-mode blockquote.quote-secondary h6 {
+  color: #6c757d;
+}
+
+.dark-mode blockquote.quote-success {
+  border-color: #28a745;
+}
+
+.dark-mode blockquote.quote-success h1,
+.dark-mode blockquote.quote-success h2,
+.dark-mode blockquote.quote-success h3,
+.dark-mode blockquote.quote-success h4,
+.dark-mode blockquote.quote-success h5,
+.dark-mode blockquote.quote-success h6 {
+  color: #28a745;
+}
+
+.dark-mode blockquote.quote-info {
+  border-color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-info h1,
+.dark-mode blockquote.quote-info h2,
+.dark-mode blockquote.quote-info h3,
+.dark-mode blockquote.quote-info h4,
+.dark-mode blockquote.quote-info h5,
+.dark-mode blockquote.quote-info h6 {
+  color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-warning {
+  border-color: #ffc107;
+}
+
+.dark-mode blockquote.quote-warning h1,
+.dark-mode blockquote.quote-warning h2,
+.dark-mode blockquote.quote-warning h3,
+.dark-mode blockquote.quote-warning h4,
+.dark-mode blockquote.quote-warning h5,
+.dark-mode blockquote.quote-warning h6 {
+  color: #ffc107;
+}
+
+.dark-mode blockquote.quote-danger {
+  border-color: #dc3545;
+}
+
+.dark-mode blockquote.quote-danger h1,
+.dark-mode blockquote.quote-danger h2,
+.dark-mode blockquote.quote-danger h3,
+.dark-mode blockquote.quote-danger h4,
+.dark-mode blockquote.quote-danger h5,
+.dark-mode blockquote.quote-danger h6 {
+  color: #dc3545;
+}
+
+.dark-mode blockquote.quote-light {
+  border-color: #f8f9fa;
+}
+
+.dark-mode blockquote.quote-light h1,
+.dark-mode blockquote.quote-light h2,
+.dark-mode blockquote.quote-light h3,
+.dark-mode blockquote.quote-light h4,
+.dark-mode blockquote.quote-light h5,
+.dark-mode blockquote.quote-light h6 {
+  color: #f8f9fa;
+}
+
+.dark-mode blockquote.quote-dark {
+  border-color: #343a40;
+}
+
+.dark-mode blockquote.quote-dark h1,
+.dark-mode blockquote.quote-dark h2,
+.dark-mode blockquote.quote-dark h3,
+.dark-mode blockquote.quote-dark h4,
+.dark-mode blockquote.quote-dark h5,
+.dark-mode blockquote.quote-dark h6 {
+  color: #343a40;
+}
+
+.dark-mode blockquote.quote-lightblue {
+  border-color: #3c8dbc;
+}
+
+.dark-mode blockquote.quote-lightblue h1,
+.dark-mode blockquote.quote-lightblue h2,
+.dark-mode blockquote.quote-lightblue h3,
+.dark-mode blockquote.quote-lightblue h4,
+.dark-mode blockquote.quote-lightblue h5,
+.dark-mode blockquote.quote-lightblue h6 {
+  color: #3c8dbc;
+}
+
+.dark-mode blockquote.quote-navy {
+  border-color: #001f3f;
+}
+
+.dark-mode blockquote.quote-navy h1,
+.dark-mode blockquote.quote-navy h2,
+.dark-mode blockquote.quote-navy h3,
+.dark-mode blockquote.quote-navy h4,
+.dark-mode blockquote.quote-navy h5,
+.dark-mode blockquote.quote-navy h6 {
+  color: #001f3f;
+}
+
+.dark-mode blockquote.quote-olive {
+  border-color: #3d9970;
+}
+
+.dark-mode blockquote.quote-olive h1,
+.dark-mode blockquote.quote-olive h2,
+.dark-mode blockquote.quote-olive h3,
+.dark-mode blockquote.quote-olive h4,
+.dark-mode blockquote.quote-olive h5,
+.dark-mode blockquote.quote-olive h6 {
+  color: #3d9970;
+}
+
+.dark-mode blockquote.quote-lime {
+  border-color: #01ff70;
+}
+
+.dark-mode blockquote.quote-lime h1,
+.dark-mode blockquote.quote-lime h2,
+.dark-mode blockquote.quote-lime h3,
+.dark-mode blockquote.quote-lime h4,
+.dark-mode blockquote.quote-lime h5,
+.dark-mode blockquote.quote-lime h6 {
+  color: #01ff70;
+}
+
+.dark-mode blockquote.quote-fuchsia {
+  border-color: #f012be;
+}
+
+.dark-mode blockquote.quote-fuchsia h1,
+.dark-mode blockquote.quote-fuchsia h2,
+.dark-mode blockquote.quote-fuchsia h3,
+.dark-mode blockquote.quote-fuchsia h4,
+.dark-mode blockquote.quote-fuchsia h5,
+.dark-mode blockquote.quote-fuchsia h6 {
+  color: #f012be;
+}
+
+.dark-mode blockquote.quote-maroon {
+  border-color: #d81b60;
+}
+
+.dark-mode blockquote.quote-maroon h1,
+.dark-mode blockquote.quote-maroon h2,
+.dark-mode blockquote.quote-maroon h3,
+.dark-mode blockquote.quote-maroon h4,
+.dark-mode blockquote.quote-maroon h5,
+.dark-mode blockquote.quote-maroon h6 {
+  color: #d81b60;
+}
+
+.dark-mode blockquote.quote-blue {
+  border-color: #007bff;
+}
+
+.dark-mode blockquote.quote-blue h1,
+.dark-mode blockquote.quote-blue h2,
+.dark-mode blockquote.quote-blue h3,
+.dark-mode blockquote.quote-blue h4,
+.dark-mode blockquote.quote-blue h5,
+.dark-mode blockquote.quote-blue h6 {
+  color: #007bff;
+}
+
+.dark-mode blockquote.quote-indigo {
+  border-color: #6610f2;
+}
+
+.dark-mode blockquote.quote-indigo h1,
+.dark-mode blockquote.quote-indigo h2,
+.dark-mode blockquote.quote-indigo h3,
+.dark-mode blockquote.quote-indigo h4,
+.dark-mode blockquote.quote-indigo h5,
+.dark-mode blockquote.quote-indigo h6 {
+  color: #6610f2;
+}
+
+.dark-mode blockquote.quote-purple {
+  border-color: #6f42c1;
+}
+
+.dark-mode blockquote.quote-purple h1,
+.dark-mode blockquote.quote-purple h2,
+.dark-mode blockquote.quote-purple h3,
+.dark-mode blockquote.quote-purple h4,
+.dark-mode blockquote.quote-purple h5,
+.dark-mode blockquote.quote-purple h6 {
+  color: #6f42c1;
+}
+
+.dark-mode blockquote.quote-pink {
+  border-color: #e83e8c;
+}
+
+.dark-mode blockquote.quote-pink h1,
+.dark-mode blockquote.quote-pink h2,
+.dark-mode blockquote.quote-pink h3,
+.dark-mode blockquote.quote-pink h4,
+.dark-mode blockquote.quote-pink h5,
+.dark-mode blockquote.quote-pink h6 {
+  color: #e83e8c;
+}
+
+.dark-mode blockquote.quote-red {
+  border-color: #dc3545;
+}
+
+.dark-mode blockquote.quote-red h1,
+.dark-mode blockquote.quote-red h2,
+.dark-mode blockquote.quote-red h3,
+.dark-mode blockquote.quote-red h4,
+.dark-mode blockquote.quote-red h5,
+.dark-mode blockquote.quote-red h6 {
+  color: #dc3545;
+}
+
+.dark-mode blockquote.quote-orange {
+  border-color: #fd7e14;
+}
+
+.dark-mode blockquote.quote-orange h1,
+.dark-mode blockquote.quote-orange h2,
+.dark-mode blockquote.quote-orange h3,
+.dark-mode blockquote.quote-orange h4,
+.dark-mode blockquote.quote-orange h5,
+.dark-mode blockquote.quote-orange h6 {
+  color: #fd7e14;
+}
+
+.dark-mode blockquote.quote-yellow {
+  border-color: #ffc107;
+}
+
+.dark-mode blockquote.quote-yellow h1,
+.dark-mode blockquote.quote-yellow h2,
+.dark-mode blockquote.quote-yellow h3,
+.dark-mode blockquote.quote-yellow h4,
+.dark-mode blockquote.quote-yellow h5,
+.dark-mode blockquote.quote-yellow h6 {
+  color: #ffc107;
+}
+
+.dark-mode blockquote.quote-green {
+  border-color: #28a745;
+}
+
+.dark-mode blockquote.quote-green h1,
+.dark-mode blockquote.quote-green h2,
+.dark-mode blockquote.quote-green h3,
+.dark-mode blockquote.quote-green h4,
+.dark-mode blockquote.quote-green h5,
+.dark-mode blockquote.quote-green h6 {
+  color: #28a745;
+}
+
+.dark-mode blockquote.quote-teal {
+  border-color: #20c997;
+}
+
+.dark-mode blockquote.quote-teal h1,
+.dark-mode blockquote.quote-teal h2,
+.dark-mode blockquote.quote-teal h3,
+.dark-mode blockquote.quote-teal h4,
+.dark-mode blockquote.quote-teal h5,
+.dark-mode blockquote.quote-teal h6 {
+  color: #20c997;
+}
+
+.dark-mode blockquote.quote-cyan {
+  border-color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-cyan h1,
+.dark-mode blockquote.quote-cyan h2,
+.dark-mode blockquote.quote-cyan h3,
+.dark-mode blockquote.quote-cyan h4,
+.dark-mode blockquote.quote-cyan h5,
+.dark-mode blockquote.quote-cyan h6 {
+  color: #17a2b8;
+}
+
+.dark-mode blockquote.quote-white {
+  border-color: #fff;
+}
+
+.dark-mode blockquote.quote-white h1,
+.dark-mode blockquote.quote-white h2,
+.dark-mode blockquote.quote-white h3,
+.dark-mode blockquote.quote-white h4,
+.dark-mode blockquote.quote-white h5,
+.dark-mode blockquote.quote-white h6 {
+  color: #fff;
+}
+
+.dark-mode blockquote.quote-gray {
+  border-color: #6c757d;
+}
+
+.dark-mode blockquote.quote-gray h1,
+.dark-mode blockquote.quote-gray h2,
+.dark-mode blockquote.quote-gray h3,
+.dark-mode blockquote.quote-gray h4,
+.dark-mode blockquote.quote-gray h5,
+.dark-mode blockquote.quote-gray h6 {
+  color: #6c757d;
+}
+
+.dark-mode blockquote.quote-gray-dark {
+  border-color: #343a40;
+}
+
+.dark-mode blockquote.quote-gray-dark h1,
+.dark-mode blockquote.quote-gray-dark h2,
+.dark-mode blockquote.quote-gray-dark h3,
+.dark-mode blockquote.quote-gray-dark h4,
+.dark-mode blockquote.quote-gray-dark h5,
+.dark-mode blockquote.quote-gray-dark h6 {
+  color: #343a40;
+}
+
+.dark-mode .close, .dark-mode .mailbox-attachment-close,
+.dark-mode .mailbox-attachment-close {
+  color: #adb5bd;
+  text-shadow: 0 1px 0 #495057;
+}
+
+.dark-mode .tab-custom-content {
+  border-color: #6c757d;
+}
+
+.dark-mode .list-group-item {
+  background-color: #343a40;
+  border-color: #6c757d;
+}
+
 @media print {
-  .no-print,
-  .main-sidebar,
-  .left-side,
+  .no-print, .main-sidebar,
   .main-header,
   .content-header {
     display: none !important;
   }
   .content-wrapper,
-  .right-side,
   .main-footer {
+    transform: translate(0, 0);
     margin-left: 0 !important;
     min-height: 0 !important;
-    transform: translate(0, 0) !important;
   }
-  .fixed .content-wrapper,
-  .fixed .right-side {
+  .layout-fixed .content-wrapper {
     padding-top: 0 !important;
   }
   .invoice {
-    width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
+    width: 100%;
   }
   .invoice-col {
     float: left;
@@ -20283,6 +60162,7412 @@ hr {
   }
 }
 
+.text-bold,
+.text-bold.table td,
+.text-bold.table th {
+  font-weight: 700;
+}
+
+.text-xs {
+  font-size: 0.75rem !important;
+}
+
+.text-sm {
+  font-size: 0.875rem !important;
+}
+
+.text-md {
+  font-size: 1rem !important;
+}
+
+.text-lg {
+  font-size: 1.25rem !important;
+}
+
+.text-xl {
+  font-size: 2rem !important;
+}
+
+.text-lightblue {
+  color: #3c8dbc !important;
+}
+
+.text-navy {
+  color: #001f3f !important;
+}
+
+.text-olive {
+  color: #3d9970 !important;
+}
+
+.text-lime {
+  color: #01ff70 !important;
+}
+
+.text-fuchsia {
+  color: #f012be !important;
+}
+
+.text-maroon {
+  color: #d81b60 !important;
+}
+
+.text-blue {
+  color: #007bff !important;
+}
+
+.text-indigo {
+  color: #6610f2 !important;
+}
+
+.text-purple {
+  color: #6f42c1 !important;
+}
+
+.text-pink {
+  color: #e83e8c !important;
+}
+
+.text-red {
+  color: #dc3545 !important;
+}
+
+.text-orange {
+  color: #fd7e14 !important;
+}
+
+.text-yellow {
+  color: #ffc107 !important;
+}
+
+.text-green {
+  color: #28a745 !important;
+}
+
+.text-teal {
+  color: #20c997 !important;
+}
+
+.text-cyan {
+  color: #17a2b8 !important;
+}
+
+.text-white {
+  color: #fff !important;
+}
+
+.text-gray {
+  color: #6c757d !important;
+}
+
+.text-gray-dark {
+  color: #343a40 !important;
+}
+
+.dark-mode .text-muted {
+  color: #adb5bd !important;
+}
+
+.dark-mode .text-lightblue {
+  color: #86bad8 !important;
+}
+
+.dark-mode .text-navy {
+  color: #002c59 !important;
+}
+
+.dark-mode .text-olive {
+  color: #74c8a3 !important;
+}
+
+.dark-mode .text-lime {
+  color: #67ffa9 !important;
+}
+
+.dark-mode .text-fuchsia {
+  color: #f672d8 !important;
+}
+
+.dark-mode .text-maroon {
+  color: #ed6c9b !important;
+}
+
+.dark-mode .text-blue {
+  color: #3f6791 !important;
+}
+
+.dark-mode .text-indigo {
+  color: #6610f2 !important;
+}
+
+.dark-mode .text-purple {
+  color: #6f42c1 !important;
+}
+
+.dark-mode .text-pink {
+  color: #e83e8c !important;
+}
+
+.dark-mode .text-red {
+  color: #e74c3c !important;
+}
+
+.dark-mode .text-orange {
+  color: #fd7e14 !important;
+}
+
+.dark-mode .text-yellow {
+  color: #f39c12 !important;
+}
+
+.dark-mode .text-green {
+  color: #00bc8c !important;
+}
+
+.dark-mode .text-teal {
+  color: #20c997 !important;
+}
+
+.dark-mode .text-cyan {
+  color: #3498db !important;
+}
+
+.dark-mode .text-white {
+  color: #fff !important;
+}
+
+.dark-mode .text-gray {
+  color: #6c757d !important;
+}
+
+.dark-mode .text-gray-dark {
+  color: #343a40 !important;
+}
+
+.elevation-0 {
+  box-shadow: none !important;
+}
+
+.elevation-1 {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
+}
+
+.elevation-2 {
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
+}
+
+.elevation-3 {
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
+}
+
+.elevation-4 {
+  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
+}
+
+.elevation-5 {
+  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
+}
+
+.bg-primary {
+  background-color: #007bff !important;
+}
+
+.bg-primary,
+.bg-primary > a {
+  color: #fff !important;
+}
+
+.bg-primary.btn:hover {
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active {
+  background-color: #0062cc !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+.bg-secondary,
+.bg-secondary > a {
+  color: #fff !important;
+}
+
+.bg-secondary.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-success {
+  background-color: #28a745 !important;
+}
+
+.bg-success,
+.bg-success > a {
+  color: #fff !important;
+}
+
+.bg-success.btn:hover {
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active {
+  background-color: #1e7e34 !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-info {
+  background-color: #17a2b8 !important;
+}
+
+.bg-info,
+.bg-info > a {
+  color: #fff !important;
+}
+
+.bg-info.btn:hover {
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active {
+  background-color: #117a8b !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-warning {
+  background-color: #ffc107 !important;
+}
+
+.bg-warning,
+.bg-warning > a {
+  color: #1f2d3d !important;
+}
+
+.bg-warning.btn:hover {
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active {
+  background-color: #d39e00 !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-danger {
+  background-color: #dc3545 !important;
+}
+
+.bg-danger,
+.bg-danger > a {
+  color: #fff !important;
+}
+
+.bg-danger.btn:hover {
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active {
+  background-color: #bd2130 !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+.bg-light,
+.bg-light > a {
+  color: #1f2d3d !important;
+}
+
+.bg-light.btn:hover {
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active {
+  background-color: #dae0e5 !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.bg-dark {
+  background-color: #343a40 !important;
+}
+
+.bg-dark,
+.bg-dark > a {
+  color: #fff !important;
+}
+
+.bg-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.bg-lightblue {
+  background-color: #3c8dbc !important;
+}
+
+.bg-lightblue,
+.bg-lightblue > a {
+  color: #fff !important;
+}
+
+.bg-lightblue.btn:hover {
+  border-color: #307095;
+  color: #ececec;
+}
+
+.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active {
+  background-color: #307095 !important;
+  border-color: #2d698c;
+  color: #fff;
+}
+
+.bg-navy {
+  background-color: #001f3f !important;
+}
+
+.bg-navy,
+.bg-navy > a {
+  color: #fff !important;
+}
+
+.bg-navy.btn:hover {
+  border-color: #00060c;
+  color: #ececec;
+}
+
+.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active {
+  background-color: #00060c !important;
+  border-color: black;
+  color: #fff;
+}
+
+.bg-olive {
+  background-color: #3d9970 !important;
+}
+
+.bg-olive,
+.bg-olive > a {
+  color: #fff !important;
+}
+
+.bg-olive.btn:hover {
+  border-color: #2e7555;
+  color: #ececec;
+}
+
+.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active {
+  background-color: #2e7555 !important;
+  border-color: #2b6b4f;
+  color: #fff;
+}
+
+.bg-lime {
+  background-color: #01ff70 !important;
+}
+
+.bg-lime,
+.bg-lime > a {
+  color: #1f2d3d !important;
+}
+
+.bg-lime.btn:hover {
+  border-color: #00cd5a;
+  color: #121a24;
+}
+
+.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active {
+  background-color: #00cd5a !important;
+  border-color: #00c054;
+  color: #fff;
+}
+
+.bg-fuchsia {
+  background-color: #f012be !important;
+}
+
+.bg-fuchsia,
+.bg-fuchsia > a {
+  color: #fff !important;
+}
+
+.bg-fuchsia.btn:hover {
+  border-color: #c30c9a;
+  color: #ececec;
+}
+
+.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active {
+  background-color: #c30c9a !important;
+  border-color: #b70c90;
+  color: #fff;
+}
+
+.bg-maroon {
+  background-color: #d81b60 !important;
+}
+
+.bg-maroon,
+.bg-maroon > a {
+  color: #fff !important;
+}
+
+.bg-maroon.btn:hover {
+  border-color: #ab154c;
+  color: #ececec;
+}
+
+.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active {
+  background-color: #ab154c !important;
+  border-color: #9f1447;
+  color: #fff;
+}
+
+.bg-blue {
+  background-color: #007bff !important;
+}
+
+.bg-blue,
+.bg-blue > a {
+  color: #fff !important;
+}
+
+.bg-blue.btn:hover {
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active {
+  background-color: #0062cc !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-indigo {
+  background-color: #6610f2 !important;
+}
+
+.bg-indigo,
+.bg-indigo > a {
+  color: #fff !important;
+}
+
+.bg-indigo.btn:hover {
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active {
+  background-color: #510bc4 !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.bg-purple {
+  background-color: #6f42c1 !important;
+}
+
+.bg-purple,
+.bg-purple > a {
+  color: #fff !important;
+}
+
+.bg-purple.btn:hover {
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active {
+  background-color: #59339d !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.bg-pink {
+  background-color: #e83e8c !important;
+}
+
+.bg-pink,
+.bg-pink > a {
+  color: #fff !important;
+}
+
+.bg-pink.btn:hover {
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active {
+  background-color: #d91a72 !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.bg-red {
+  background-color: #dc3545 !important;
+}
+
+.bg-red,
+.bg-red > a {
+  color: #fff !important;
+}
+
+.bg-red.btn:hover {
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active {
+  background-color: #bd2130 !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-orange {
+  background-color: #fd7e14 !important;
+}
+
+.bg-orange,
+.bg-orange > a {
+  color: #1f2d3d !important;
+}
+
+.bg-orange.btn:hover {
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active {
+  background-color: #dc6502 !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.bg-yellow {
+  background-color: #ffc107 !important;
+}
+
+.bg-yellow,
+.bg-yellow > a {
+  color: #1f2d3d !important;
+}
+
+.bg-yellow.btn:hover {
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active {
+  background-color: #d39e00 !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-green {
+  background-color: #28a745 !important;
+}
+
+.bg-green,
+.bg-green > a {
+  color: #fff !important;
+}
+
+.bg-green.btn:hover {
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active {
+  background-color: #1e7e34 !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-teal {
+  background-color: #20c997 !important;
+}
+
+.bg-teal,
+.bg-teal > a {
+  color: #fff !important;
+}
+
+.bg-teal.btn:hover {
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active {
+  background-color: #199d76 !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.bg-cyan {
+  background-color: #17a2b8 !important;
+}
+
+.bg-cyan,
+.bg-cyan > a {
+  color: #fff !important;
+}
+
+.bg-cyan.btn:hover {
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active {
+  background-color: #117a8b !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.bg-white,
+.bg-white > a {
+  color: #1f2d3d !important;
+}
+
+.bg-white.btn:hover {
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active {
+  background-color: #e6e6e6 !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.bg-gray {
+  background-color: #6c757d !important;
+}
+
+.bg-gray,
+.bg-gray > a {
+  color: #fff !important;
+}
+
+.bg-gray.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-gray-dark {
+  background-color: #343a40 !important;
+}
+
+.bg-gray-dark,
+.bg-gray-dark > a {
+  color: #fff !important;
+}
+
+.bg-gray-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+@media print {
+  .table td.bg-primary,
+  .table th.bg-primary {
+    background-color: #007bff !important;
+  }
+  .table td.bg-primary,
+  .table td.bg-primary > a,
+  .table th.bg-primary,
+  .table th.bg-primary > a {
+    color: #fff !important;
+  }
+  .table td.bg-primary.btn:hover,
+  .table th.bg-primary.btn:hover {
+    border-color: #0062cc;
+    color: #ececec;
+  }
+  .table td.bg-primary.btn:not(:disabled):not(.disabled):active, .table td.bg-primary.btn:not(:disabled):not(.disabled).active, .table td.bg-primary.btn:active, .table td.bg-primary.btn.active,
+  .table th.bg-primary.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-primary.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-primary.btn:active,
+  .table th.bg-primary.btn.active {
+    background-color: #0062cc !important;
+    border-color: #005cbf;
+    color: #fff;
+  }
+  .table td.bg-secondary,
+  .table th.bg-secondary {
+    background-color: #6c757d !important;
+  }
+  .table td.bg-secondary,
+  .table td.bg-secondary > a,
+  .table th.bg-secondary,
+  .table th.bg-secondary > a {
+    color: #fff !important;
+  }
+  .table td.bg-secondary.btn:hover,
+  .table th.bg-secondary.btn:hover {
+    border-color: #545b62;
+    color: #ececec;
+  }
+  .table td.bg-secondary.btn:not(:disabled):not(.disabled):active, .table td.bg-secondary.btn:not(:disabled):not(.disabled).active, .table td.bg-secondary.btn:active, .table td.bg-secondary.btn.active,
+  .table th.bg-secondary.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-secondary.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-secondary.btn:active,
+  .table th.bg-secondary.btn.active {
+    background-color: #545b62 !important;
+    border-color: #4e555b;
+    color: #fff;
+  }
+  .table td.bg-success,
+  .table th.bg-success {
+    background-color: #28a745 !important;
+  }
+  .table td.bg-success,
+  .table td.bg-success > a,
+  .table th.bg-success,
+  .table th.bg-success > a {
+    color: #fff !important;
+  }
+  .table td.bg-success.btn:hover,
+  .table th.bg-success.btn:hover {
+    border-color: #1e7e34;
+    color: #ececec;
+  }
+  .table td.bg-success.btn:not(:disabled):not(.disabled):active, .table td.bg-success.btn:not(:disabled):not(.disabled).active, .table td.bg-success.btn:active, .table td.bg-success.btn.active,
+  .table th.bg-success.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-success.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-success.btn:active,
+  .table th.bg-success.btn.active {
+    background-color: #1e7e34 !important;
+    border-color: #1c7430;
+    color: #fff;
+  }
+  .table td.bg-info,
+  .table th.bg-info {
+    background-color: #17a2b8 !important;
+  }
+  .table td.bg-info,
+  .table td.bg-info > a,
+  .table th.bg-info,
+  .table th.bg-info > a {
+    color: #fff !important;
+  }
+  .table td.bg-info.btn:hover,
+  .table th.bg-info.btn:hover {
+    border-color: #117a8b;
+    color: #ececec;
+  }
+  .table td.bg-info.btn:not(:disabled):not(.disabled):active, .table td.bg-info.btn:not(:disabled):not(.disabled).active, .table td.bg-info.btn:active, .table td.bg-info.btn.active,
+  .table th.bg-info.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-info.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-info.btn:active,
+  .table th.bg-info.btn.active {
+    background-color: #117a8b !important;
+    border-color: #10707f;
+    color: #fff;
+  }
+  .table td.bg-warning,
+  .table th.bg-warning {
+    background-color: #ffc107 !important;
+  }
+  .table td.bg-warning,
+  .table td.bg-warning > a,
+  .table th.bg-warning,
+  .table th.bg-warning > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-warning.btn:hover,
+  .table th.bg-warning.btn:hover {
+    border-color: #d39e00;
+    color: #121a24;
+  }
+  .table td.bg-warning.btn:not(:disabled):not(.disabled):active, .table td.bg-warning.btn:not(:disabled):not(.disabled).active, .table td.bg-warning.btn:active, .table td.bg-warning.btn.active,
+  .table th.bg-warning.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-warning.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-warning.btn:active,
+  .table th.bg-warning.btn.active {
+    background-color: #d39e00 !important;
+    border-color: #c69500;
+    color: #1f2d3d;
+  }
+  .table td.bg-danger,
+  .table th.bg-danger {
+    background-color: #dc3545 !important;
+  }
+  .table td.bg-danger,
+  .table td.bg-danger > a,
+  .table th.bg-danger,
+  .table th.bg-danger > a {
+    color: #fff !important;
+  }
+  .table td.bg-danger.btn:hover,
+  .table th.bg-danger.btn:hover {
+    border-color: #bd2130;
+    color: #ececec;
+  }
+  .table td.bg-danger.btn:not(:disabled):not(.disabled):active, .table td.bg-danger.btn:not(:disabled):not(.disabled).active, .table td.bg-danger.btn:active, .table td.bg-danger.btn.active,
+  .table th.bg-danger.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-danger.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-danger.btn:active,
+  .table th.bg-danger.btn.active {
+    background-color: #bd2130 !important;
+    border-color: #b21f2d;
+    color: #fff;
+  }
+  .table td.bg-light,
+  .table th.bg-light {
+    background-color: #f8f9fa !important;
+  }
+  .table td.bg-light,
+  .table td.bg-light > a,
+  .table th.bg-light,
+  .table th.bg-light > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-light.btn:hover,
+  .table th.bg-light.btn:hover {
+    border-color: #dae0e5;
+    color: #121a24;
+  }
+  .table td.bg-light.btn:not(:disabled):not(.disabled):active, .table td.bg-light.btn:not(:disabled):not(.disabled).active, .table td.bg-light.btn:active, .table td.bg-light.btn.active,
+  .table th.bg-light.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-light.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-light.btn:active,
+  .table th.bg-light.btn.active {
+    background-color: #dae0e5 !important;
+    border-color: #d3d9df;
+    color: #1f2d3d;
+  }
+  .table td.bg-dark,
+  .table th.bg-dark {
+    background-color: #343a40 !important;
+  }
+  .table td.bg-dark,
+  .table td.bg-dark > a,
+  .table th.bg-dark,
+  .table th.bg-dark > a {
+    color: #fff !important;
+  }
+  .table td.bg-dark.btn:hover,
+  .table th.bg-dark.btn:hover {
+    border-color: #1d2124;
+    color: #ececec;
+  }
+  .table td.bg-dark.btn:not(:disabled):not(.disabled):active, .table td.bg-dark.btn:not(:disabled):not(.disabled).active, .table td.bg-dark.btn:active, .table td.bg-dark.btn.active,
+  .table th.bg-dark.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-dark.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-dark.btn:active,
+  .table th.bg-dark.btn.active {
+    background-color: #1d2124 !important;
+    border-color: #171a1d;
+    color: #fff;
+  }
+  .table td.bg-lightblue,
+  .table th.bg-lightblue {
+    background-color: #3c8dbc !important;
+  }
+  .table td.bg-lightblue,
+  .table td.bg-lightblue > a,
+  .table th.bg-lightblue,
+  .table th.bg-lightblue > a {
+    color: #fff !important;
+  }
+  .table td.bg-lightblue.btn:hover,
+  .table th.bg-lightblue.btn:hover {
+    border-color: #307095;
+    color: #ececec;
+  }
+  .table td.bg-lightblue.btn:not(:disabled):not(.disabled):active, .table td.bg-lightblue.btn:not(:disabled):not(.disabled).active, .table td.bg-lightblue.btn:active, .table td.bg-lightblue.btn.active,
+  .table th.bg-lightblue.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-lightblue.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-lightblue.btn:active,
+  .table th.bg-lightblue.btn.active {
+    background-color: #307095 !important;
+    border-color: #2d698c;
+    color: #fff;
+  }
+  .table td.bg-navy,
+  .table th.bg-navy {
+    background-color: #001f3f !important;
+  }
+  .table td.bg-navy,
+  .table td.bg-navy > a,
+  .table th.bg-navy,
+  .table th.bg-navy > a {
+    color: #fff !important;
+  }
+  .table td.bg-navy.btn:hover,
+  .table th.bg-navy.btn:hover {
+    border-color: #00060c;
+    color: #ececec;
+  }
+  .table td.bg-navy.btn:not(:disabled):not(.disabled):active, .table td.bg-navy.btn:not(:disabled):not(.disabled).active, .table td.bg-navy.btn:active, .table td.bg-navy.btn.active,
+  .table th.bg-navy.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-navy.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-navy.btn:active,
+  .table th.bg-navy.btn.active {
+    background-color: #00060c !important;
+    border-color: black;
+    color: #fff;
+  }
+  .table td.bg-olive,
+  .table th.bg-olive {
+    background-color: #3d9970 !important;
+  }
+  .table td.bg-olive,
+  .table td.bg-olive > a,
+  .table th.bg-olive,
+  .table th.bg-olive > a {
+    color: #fff !important;
+  }
+  .table td.bg-olive.btn:hover,
+  .table th.bg-olive.btn:hover {
+    border-color: #2e7555;
+    color: #ececec;
+  }
+  .table td.bg-olive.btn:not(:disabled):not(.disabled):active, .table td.bg-olive.btn:not(:disabled):not(.disabled).active, .table td.bg-olive.btn:active, .table td.bg-olive.btn.active,
+  .table th.bg-olive.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-olive.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-olive.btn:active,
+  .table th.bg-olive.btn.active {
+    background-color: #2e7555 !important;
+    border-color: #2b6b4f;
+    color: #fff;
+  }
+  .table td.bg-lime,
+  .table th.bg-lime {
+    background-color: #01ff70 !important;
+  }
+  .table td.bg-lime,
+  .table td.bg-lime > a,
+  .table th.bg-lime,
+  .table th.bg-lime > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-lime.btn:hover,
+  .table th.bg-lime.btn:hover {
+    border-color: #00cd5a;
+    color: #121a24;
+  }
+  .table td.bg-lime.btn:not(:disabled):not(.disabled):active, .table td.bg-lime.btn:not(:disabled):not(.disabled).active, .table td.bg-lime.btn:active, .table td.bg-lime.btn.active,
+  .table th.bg-lime.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-lime.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-lime.btn:active,
+  .table th.bg-lime.btn.active {
+    background-color: #00cd5a !important;
+    border-color: #00c054;
+    color: #fff;
+  }
+  .table td.bg-fuchsia,
+  .table th.bg-fuchsia {
+    background-color: #f012be !important;
+  }
+  .table td.bg-fuchsia,
+  .table td.bg-fuchsia > a,
+  .table th.bg-fuchsia,
+  .table th.bg-fuchsia > a {
+    color: #fff !important;
+  }
+  .table td.bg-fuchsia.btn:hover,
+  .table th.bg-fuchsia.btn:hover {
+    border-color: #c30c9a;
+    color: #ececec;
+  }
+  .table td.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .table td.bg-fuchsia.btn:not(:disabled):not(.disabled).active, .table td.bg-fuchsia.btn:active, .table td.bg-fuchsia.btn.active,
+  .table th.bg-fuchsia.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-fuchsia.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-fuchsia.btn:active,
+  .table th.bg-fuchsia.btn.active {
+    background-color: #c30c9a !important;
+    border-color: #b70c90;
+    color: #fff;
+  }
+  .table td.bg-maroon,
+  .table th.bg-maroon {
+    background-color: #d81b60 !important;
+  }
+  .table td.bg-maroon,
+  .table td.bg-maroon > a,
+  .table th.bg-maroon,
+  .table th.bg-maroon > a {
+    color: #fff !important;
+  }
+  .table td.bg-maroon.btn:hover,
+  .table th.bg-maroon.btn:hover {
+    border-color: #ab154c;
+    color: #ececec;
+  }
+  .table td.bg-maroon.btn:not(:disabled):not(.disabled):active, .table td.bg-maroon.btn:not(:disabled):not(.disabled).active, .table td.bg-maroon.btn:active, .table td.bg-maroon.btn.active,
+  .table th.bg-maroon.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-maroon.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-maroon.btn:active,
+  .table th.bg-maroon.btn.active {
+    background-color: #ab154c !important;
+    border-color: #9f1447;
+    color: #fff;
+  }
+  .table td.bg-blue,
+  .table th.bg-blue {
+    background-color: #007bff !important;
+  }
+  .table td.bg-blue,
+  .table td.bg-blue > a,
+  .table th.bg-blue,
+  .table th.bg-blue > a {
+    color: #fff !important;
+  }
+  .table td.bg-blue.btn:hover,
+  .table th.bg-blue.btn:hover {
+    border-color: #0062cc;
+    color: #ececec;
+  }
+  .table td.bg-blue.btn:not(:disabled):not(.disabled):active, .table td.bg-blue.btn:not(:disabled):not(.disabled).active, .table td.bg-blue.btn:active, .table td.bg-blue.btn.active,
+  .table th.bg-blue.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-blue.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-blue.btn:active,
+  .table th.bg-blue.btn.active {
+    background-color: #0062cc !important;
+    border-color: #005cbf;
+    color: #fff;
+  }
+  .table td.bg-indigo,
+  .table th.bg-indigo {
+    background-color: #6610f2 !important;
+  }
+  .table td.bg-indigo,
+  .table td.bg-indigo > a,
+  .table th.bg-indigo,
+  .table th.bg-indigo > a {
+    color: #fff !important;
+  }
+  .table td.bg-indigo.btn:hover,
+  .table th.bg-indigo.btn:hover {
+    border-color: #510bc4;
+    color: #ececec;
+  }
+  .table td.bg-indigo.btn:not(:disabled):not(.disabled):active, .table td.bg-indigo.btn:not(:disabled):not(.disabled).active, .table td.bg-indigo.btn:active, .table td.bg-indigo.btn.active,
+  .table th.bg-indigo.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-indigo.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-indigo.btn:active,
+  .table th.bg-indigo.btn.active {
+    background-color: #510bc4 !important;
+    border-color: #4c0ab8;
+    color: #fff;
+  }
+  .table td.bg-purple,
+  .table th.bg-purple {
+    background-color: #6f42c1 !important;
+  }
+  .table td.bg-purple,
+  .table td.bg-purple > a,
+  .table th.bg-purple,
+  .table th.bg-purple > a {
+    color: #fff !important;
+  }
+  .table td.bg-purple.btn:hover,
+  .table th.bg-purple.btn:hover {
+    border-color: #59339d;
+    color: #ececec;
+  }
+  .table td.bg-purple.btn:not(:disabled):not(.disabled):active, .table td.bg-purple.btn:not(:disabled):not(.disabled).active, .table td.bg-purple.btn:active, .table td.bg-purple.btn.active,
+  .table th.bg-purple.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-purple.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-purple.btn:active,
+  .table th.bg-purple.btn.active {
+    background-color: #59339d !important;
+    border-color: #533093;
+    color: #fff;
+  }
+  .table td.bg-pink,
+  .table th.bg-pink {
+    background-color: #e83e8c !important;
+  }
+  .table td.bg-pink,
+  .table td.bg-pink > a,
+  .table th.bg-pink,
+  .table th.bg-pink > a {
+    color: #fff !important;
+  }
+  .table td.bg-pink.btn:hover,
+  .table th.bg-pink.btn:hover {
+    border-color: #d91a72;
+    color: #ececec;
+  }
+  .table td.bg-pink.btn:not(:disabled):not(.disabled):active, .table td.bg-pink.btn:not(:disabled):not(.disabled).active, .table td.bg-pink.btn:active, .table td.bg-pink.btn.active,
+  .table th.bg-pink.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-pink.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-pink.btn:active,
+  .table th.bg-pink.btn.active {
+    background-color: #d91a72 !important;
+    border-color: #ce196c;
+    color: #fff;
+  }
+  .table td.bg-red,
+  .table th.bg-red {
+    background-color: #dc3545 !important;
+  }
+  .table td.bg-red,
+  .table td.bg-red > a,
+  .table th.bg-red,
+  .table th.bg-red > a {
+    color: #fff !important;
+  }
+  .table td.bg-red.btn:hover,
+  .table th.bg-red.btn:hover {
+    border-color: #bd2130;
+    color: #ececec;
+  }
+  .table td.bg-red.btn:not(:disabled):not(.disabled):active, .table td.bg-red.btn:not(:disabled):not(.disabled).active, .table td.bg-red.btn:active, .table td.bg-red.btn.active,
+  .table th.bg-red.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-red.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-red.btn:active,
+  .table th.bg-red.btn.active {
+    background-color: #bd2130 !important;
+    border-color: #b21f2d;
+    color: #fff;
+  }
+  .table td.bg-orange,
+  .table th.bg-orange {
+    background-color: #fd7e14 !important;
+  }
+  .table td.bg-orange,
+  .table td.bg-orange > a,
+  .table th.bg-orange,
+  .table th.bg-orange > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-orange.btn:hover,
+  .table th.bg-orange.btn:hover {
+    border-color: #dc6502;
+    color: #121a24;
+  }
+  .table td.bg-orange.btn:not(:disabled):not(.disabled):active, .table td.bg-orange.btn:not(:disabled):not(.disabled).active, .table td.bg-orange.btn:active, .table td.bg-orange.btn.active,
+  .table th.bg-orange.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-orange.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-orange.btn:active,
+  .table th.bg-orange.btn.active {
+    background-color: #dc6502 !important;
+    border-color: #cf5f02;
+    color: #fff;
+  }
+  .table td.bg-yellow,
+  .table th.bg-yellow {
+    background-color: #ffc107 !important;
+  }
+  .table td.bg-yellow,
+  .table td.bg-yellow > a,
+  .table th.bg-yellow,
+  .table th.bg-yellow > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-yellow.btn:hover,
+  .table th.bg-yellow.btn:hover {
+    border-color: #d39e00;
+    color: #121a24;
+  }
+  .table td.bg-yellow.btn:not(:disabled):not(.disabled):active, .table td.bg-yellow.btn:not(:disabled):not(.disabled).active, .table td.bg-yellow.btn:active, .table td.bg-yellow.btn.active,
+  .table th.bg-yellow.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-yellow.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-yellow.btn:active,
+  .table th.bg-yellow.btn.active {
+    background-color: #d39e00 !important;
+    border-color: #c69500;
+    color: #1f2d3d;
+  }
+  .table td.bg-green,
+  .table th.bg-green {
+    background-color: #28a745 !important;
+  }
+  .table td.bg-green,
+  .table td.bg-green > a,
+  .table th.bg-green,
+  .table th.bg-green > a {
+    color: #fff !important;
+  }
+  .table td.bg-green.btn:hover,
+  .table th.bg-green.btn:hover {
+    border-color: #1e7e34;
+    color: #ececec;
+  }
+  .table td.bg-green.btn:not(:disabled):not(.disabled):active, .table td.bg-green.btn:not(:disabled):not(.disabled).active, .table td.bg-green.btn:active, .table td.bg-green.btn.active,
+  .table th.bg-green.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-green.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-green.btn:active,
+  .table th.bg-green.btn.active {
+    background-color: #1e7e34 !important;
+    border-color: #1c7430;
+    color: #fff;
+  }
+  .table td.bg-teal,
+  .table th.bg-teal {
+    background-color: #20c997 !important;
+  }
+  .table td.bg-teal,
+  .table td.bg-teal > a,
+  .table th.bg-teal,
+  .table th.bg-teal > a {
+    color: #fff !important;
+  }
+  .table td.bg-teal.btn:hover,
+  .table th.bg-teal.btn:hover {
+    border-color: #199d76;
+    color: #ececec;
+  }
+  .table td.bg-teal.btn:not(:disabled):not(.disabled):active, .table td.bg-teal.btn:not(:disabled):not(.disabled).active, .table td.bg-teal.btn:active, .table td.bg-teal.btn.active,
+  .table th.bg-teal.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-teal.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-teal.btn:active,
+  .table th.bg-teal.btn.active {
+    background-color: #199d76 !important;
+    border-color: #17926e;
+    color: #fff;
+  }
+  .table td.bg-cyan,
+  .table th.bg-cyan {
+    background-color: #17a2b8 !important;
+  }
+  .table td.bg-cyan,
+  .table td.bg-cyan > a,
+  .table th.bg-cyan,
+  .table th.bg-cyan > a {
+    color: #fff !important;
+  }
+  .table td.bg-cyan.btn:hover,
+  .table th.bg-cyan.btn:hover {
+    border-color: #117a8b;
+    color: #ececec;
+  }
+  .table td.bg-cyan.btn:not(:disabled):not(.disabled):active, .table td.bg-cyan.btn:not(:disabled):not(.disabled).active, .table td.bg-cyan.btn:active, .table td.bg-cyan.btn.active,
+  .table th.bg-cyan.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-cyan.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-cyan.btn:active,
+  .table th.bg-cyan.btn.active {
+    background-color: #117a8b !important;
+    border-color: #10707f;
+    color: #fff;
+  }
+  .table td.bg-white,
+  .table th.bg-white {
+    background-color: #fff !important;
+  }
+  .table td.bg-white,
+  .table td.bg-white > a,
+  .table th.bg-white,
+  .table th.bg-white > a {
+    color: #1f2d3d !important;
+  }
+  .table td.bg-white.btn:hover,
+  .table th.bg-white.btn:hover {
+    border-color: #e6e6e6;
+    color: #121a24;
+  }
+  .table td.bg-white.btn:not(:disabled):not(.disabled):active, .table td.bg-white.btn:not(:disabled):not(.disabled).active, .table td.bg-white.btn:active, .table td.bg-white.btn.active,
+  .table th.bg-white.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-white.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-white.btn:active,
+  .table th.bg-white.btn.active {
+    background-color: #e6e6e6 !important;
+    border-color: #dfdfdf;
+    color: #1f2d3d;
+  }
+  .table td.bg-gray,
+  .table th.bg-gray {
+    background-color: #6c757d !important;
+  }
+  .table td.bg-gray,
+  .table td.bg-gray > a,
+  .table th.bg-gray,
+  .table th.bg-gray > a {
+    color: #fff !important;
+  }
+  .table td.bg-gray.btn:hover,
+  .table th.bg-gray.btn:hover {
+    border-color: #545b62;
+    color: #ececec;
+  }
+  .table td.bg-gray.btn:not(:disabled):not(.disabled):active, .table td.bg-gray.btn:not(:disabled):not(.disabled).active, .table td.bg-gray.btn:active, .table td.bg-gray.btn.active,
+  .table th.bg-gray.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-gray.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-gray.btn:active,
+  .table th.bg-gray.btn.active {
+    background-color: #545b62 !important;
+    border-color: #4e555b;
+    color: #fff;
+  }
+  .table td.bg-gray-dark,
+  .table th.bg-gray-dark {
+    background-color: #343a40 !important;
+  }
+  .table td.bg-gray-dark,
+  .table td.bg-gray-dark > a,
+  .table th.bg-gray-dark,
+  .table th.bg-gray-dark > a {
+    color: #fff !important;
+  }
+  .table td.bg-gray-dark.btn:hover,
+  .table th.bg-gray-dark.btn:hover {
+    border-color: #1d2124;
+    color: #ececec;
+  }
+  .table td.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .table td.bg-gray-dark.btn:not(:disabled):not(.disabled).active, .table td.bg-gray-dark.btn:active, .table td.bg-gray-dark.btn.active,
+  .table th.bg-gray-dark.btn:not(:disabled):not(.disabled):active,
+  .table th.bg-gray-dark.btn:not(:disabled):not(.disabled).active,
+  .table th.bg-gray-dark.btn:active,
+  .table th.bg-gray-dark.btn.active {
+    background-color: #1d2124 !important;
+    border-color: #171a1d;
+    color: #fff;
+  }
+}
+
+.bg-gray {
+  background-color: #adb5bd;
+  color: #1f2d3d;
+}
+
+.bg-gray-light {
+  background-color: #f2f4f5;
+  color: #1f2d3d !important;
+}
+
+.bg-black {
+  background-color: #000;
+  color: #fff !important;
+}
+
+.bg-white {
+  background-color: #fff;
+  color: #1f2d3d !important;
+}
+
+.bg-gradient-primary {
+  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-primary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-primary.btn:hover {
+  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
+  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn.disabled {
+  background-image: none !important;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.bg-gradient-secondary {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-secondary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-secondary.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.bg-gradient-success {
+  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-success.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-success.btn:hover {
+  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
+  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-gradient-success.btn:disabled, .bg-gradient-success.btn.disabled {
+  background-image: none !important;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.bg-gradient-info {
+  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-info.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-info.btn:hover {
+  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
+  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-gradient-info.btn:disabled, .bg-gradient-info.btn.disabled {
+  background-image: none !important;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.bg-gradient-warning {
+  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-warning.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-warning.btn:hover {
+  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
+  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn.disabled {
+  background-image: none !important;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.bg-gradient-danger {
+  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-danger.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-danger.btn:hover {
+  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
+  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn.disabled {
+  background-image: none !important;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.bg-gradient-light {
+  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-light.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-light.btn:hover {
+  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
+  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.bg-gradient-light.btn:disabled, .bg-gradient-light.btn.disabled {
+  background-image: none !important;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.bg-gradient-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.bg-gradient-lightblue {
+  background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-lightblue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-lightblue.btn:hover {
+  background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
+  border-color: #307095;
+  color: #ececec;
+}
+
+.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active {
+  background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
+  border-color: #2d698c;
+  color: #fff;
+}
+
+.bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn.disabled {
+  background-image: none !important;
+  border-color: #3c8dbc;
+  color: #fff;
+}
+
+.bg-gradient-navy {
+  background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-navy.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-navy.btn:hover {
+  background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
+  border-color: #00060c;
+  color: #ececec;
+}
+
+.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
+  background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
+  border-color: black;
+  color: #fff;
+}
+
+.bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn.disabled {
+  background-image: none !important;
+  border-color: #001f3f;
+  color: #fff;
+}
+
+.bg-gradient-olive {
+  background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-olive.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-olive.btn:hover {
+  background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
+  border-color: #2e7555;
+  color: #ececec;
+}
+
+.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
+  background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
+  border-color: #2b6b4f;
+  color: #fff;
+}
+
+.bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn.disabled {
+  background-image: none !important;
+  border-color: #3d9970;
+  color: #fff;
+}
+
+.bg-gradient-lime {
+  background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-lime.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-lime.btn:hover {
+  background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
+  border-color: #00cd5a;
+  color: #121a24;
+}
+
+.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
+  background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
+  border-color: #00c054;
+  color: #fff;
+}
+
+.bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn.disabled {
+  background-image: none !important;
+  border-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.bg-gradient-fuchsia {
+  background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-fuchsia.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-fuchsia.btn:hover {
+  background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
+  border-color: #c30c9a;
+  color: #ececec;
+}
+
+.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
+  background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
+  border-color: #b70c90;
+  color: #fff;
+}
+
+.bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn.disabled {
+  background-image: none !important;
+  border-color: #f012be;
+  color: #fff;
+}
+
+.bg-gradient-maroon {
+  background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-maroon.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-maroon.btn:hover {
+  background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
+  border-color: #ab154c;
+  color: #ececec;
+}
+
+.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
+  background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
+  border-color: #9f1447;
+  color: #fff;
+}
+
+.bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn.disabled {
+  background-image: none !important;
+  border-color: #d81b60;
+  color: #fff;
+}
+
+.bg-gradient-blue {
+  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-blue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-blue.btn:hover {
+  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
+  border-color: #0062cc;
+  color: #ececec;
+}
+
+.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
+  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
+  border-color: #005cbf;
+  color: #fff;
+}
+
+.bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn.disabled {
+  background-image: none !important;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.bg-gradient-indigo {
+  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-indigo.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-indigo.btn:hover {
+  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
+  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn.disabled {
+  background-image: none !important;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.bg-gradient-purple {
+  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-purple.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-purple.btn:hover {
+  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
+  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn.disabled {
+  background-image: none !important;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.bg-gradient-pink {
+  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-pink.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-pink.btn:hover {
+  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
+  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn.disabled {
+  background-image: none !important;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.bg-gradient-red {
+  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-red.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-red.btn:hover {
+  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
+  border-color: #bd2130;
+  color: #ececec;
+}
+
+.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
+  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
+  border-color: #b21f2d;
+  color: #fff;
+}
+
+.bg-gradient-red.btn:disabled, .bg-gradient-red.btn.disabled {
+  background-image: none !important;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.bg-gradient-orange {
+  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-orange.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-orange.btn:hover {
+  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
+  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn.disabled {
+  background-image: none !important;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.bg-gradient-yellow {
+  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-yellow.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-yellow.btn:hover {
+  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
+  border-color: #d39e00;
+  color: #121a24;
+}
+
+.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
+  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
+  border-color: #c69500;
+  color: #1f2d3d;
+}
+
+.bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn.disabled {
+  background-image: none !important;
+  border-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.bg-gradient-green {
+  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-green.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-green.btn:hover {
+  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
+  border-color: #1e7e34;
+  color: #ececec;
+}
+
+.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
+  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
+  border-color: #1c7430;
+  color: #fff;
+}
+
+.bg-gradient-green.btn:disabled, .bg-gradient-green.btn.disabled {
+  background-image: none !important;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.bg-gradient-teal {
+  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-teal.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-teal.btn:hover {
+  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
+  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn.disabled {
+  background-image: none !important;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.bg-gradient-cyan {
+  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-cyan.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-cyan.btn:hover {
+  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
+  border-color: #117a8b;
+  color: #ececec;
+}
+
+.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
+  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
+  border-color: #10707f;
+  color: #fff;
+}
+
+.bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn.disabled {
+  background-image: none !important;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.bg-gradient-white {
+  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-white.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-white.btn:hover {
+  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
+  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.bg-gradient-white.btn:disabled, .bg-gradient-white.btn.disabled {
+  background-image: none !important;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.bg-gradient-gray {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-gray.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-gray.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.bg-gradient-gray-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
+.show > .bg-gradient-gray-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.bg-gradient-gray-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+[class^="bg-"].disabled {
+  opacity: .65;
+}
+
+a.text-muted:hover {
+  color: #007bff !important;
+}
+
+.link-muted {
+  color: #5d6974;
+}
+
+.link-muted:hover, .link-muted:focus {
+  color: #464f58;
+}
+
+.link-black {
+  color: #6c757d;
+}
+
+.link-black:hover, .link-black:focus {
+  color: #e6e8ea;
+}
+
+.accent-primary .btn-link,
+.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-primary .nav-tabs .nav-link {
+  color: #007bff;
+}
+
+.accent-primary .btn-link:hover,
+.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-primary .nav-tabs .nav-link:hover {
+  color: #0056b3;
+}
+
+.accent-primary .dropdown-item:active, .accent-primary .dropdown-item.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.accent-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.accent-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-primary .custom-select:focus,
+.accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-primary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+}
+
+.accent-primary .page-item .page-link {
+  color: #007bff;
+}
+
+.accent-primary .page-item.active a,
+.accent-primary .page-item.active .page-link {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.accent-primary .page-item.disabled a,
+.accent-primary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-primary .page-item .page-link:hover, .dark-mode.accent-primary .page-item .page-link:focus {
+  color: #1a88ff;
+}
+
+.accent-secondary .btn-link,
+.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-secondary .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.accent-secondary .btn-link:hover,
+.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-secondary .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.accent-secondary .dropdown-item:active, .accent-secondary .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.accent-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-secondary .custom-select:focus,
+.accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-secondary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.accent-secondary .page-item .page-link {
+  color: #6c757d;
+}
+
+.accent-secondary .page-item.active a,
+.accent-secondary .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.accent-secondary .page-item.disabled a,
+.accent-secondary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode.accent-secondary .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.accent-success .btn-link,
+.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-success .nav-tabs .nav-link {
+  color: #28a745;
+}
+
+.accent-success .btn-link:hover,
+.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-success .nav-tabs .nav-link:hover {
+  color: #19692c;
+}
+
+.accent-success .dropdown-item:active, .accent-success .dropdown-item.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.accent-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.accent-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-success .custom-select:focus,
+.accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-success .custom-file-input:focus ~ .custom-file-label {
+  border-color: #71dd8a;
+}
+
+.accent-success .page-item .page-link {
+  color: #28a745;
+}
+
+.accent-success .page-item.active a,
+.accent-success .page-item.active .page-link {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.accent-success .page-item.disabled a,
+.accent-success .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-success .page-item .page-link:hover, .dark-mode.accent-success .page-item .page-link:focus {
+  color: #2dbc4e;
+}
+
+.accent-info .btn-link,
+.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-info .nav-tabs .nav-link {
+  color: #17a2b8;
+}
+
+.accent-info .btn-link:hover,
+.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-info .nav-tabs .nav-link:hover {
+  color: #0f6674;
+}
+
+.accent-info .dropdown-item:active, .accent-info .dropdown-item.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.accent-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-info .custom-select:focus,
+.accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-info .custom-file-input:focus ~ .custom-file-label {
+  border-color: #63d9ec;
+}
+
+.accent-info .page-item .page-link {
+  color: #17a2b8;
+}
+
+.accent-info .page-item.active a,
+.accent-info .page-item.active .page-link {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-info .page-item.disabled a,
+.accent-info .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-info .page-item .page-link:hover, .dark-mode.accent-info .page-item .page-link:focus {
+  color: #1ab6cf;
+}
+
+.accent-warning .btn-link,
+.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-warning .nav-tabs .nav-link {
+  color: #ffc107;
+}
+
+.accent-warning .btn-link:hover,
+.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-warning .nav-tabs .nav-link:hover {
+  color: #ba8b00;
+}
+
+.accent-warning .dropdown-item:active, .accent-warning .dropdown-item.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.accent-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.accent-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-warning .custom-select:focus,
+.accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-warning .custom-file-input:focus ~ .custom-file-label {
+  border-color: #ffe187;
+}
+
+.accent-warning .page-item .page-link {
+  color: #ffc107;
+}
+
+.accent-warning .page-item.active a,
+.accent-warning .page-item.active .page-link {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #fff;
+}
+
+.accent-warning .page-item.disabled a,
+.accent-warning .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-warning .page-item .page-link:hover, .dark-mode.accent-warning .page-item .page-link:focus {
+  color: #ffc721;
+}
+
+.accent-danger .btn-link,
+.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-danger .nav-tabs .nav-link {
+  color: #dc3545;
+}
+
+.accent-danger .btn-link:hover,
+.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-danger .nav-tabs .nav-link:hover {
+  color: #a71d2a;
+}
+
+.accent-danger .dropdown-item:active, .accent-danger .dropdown-item.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.accent-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.accent-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-danger .custom-select:focus,
+.accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-danger .custom-file-input:focus ~ .custom-file-label {
+  border-color: #efa2a9;
+}
+
+.accent-danger .page-item .page-link {
+  color: #dc3545;
+}
+
+.accent-danger .page-item.active a,
+.accent-danger .page-item.active .page-link {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.accent-danger .page-item.disabled a,
+.accent-danger .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-danger .page-item .page-link:hover, .dark-mode.accent-danger .page-item .page-link:focus {
+  color: #e04b59;
+}
+
+.accent-light .btn-link,
+.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-light .nav-tabs .nav-link {
+  color: #f8f9fa;
+}
+
+.accent-light .btn-link:hover,
+.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-light .nav-tabs .nav-link:hover {
+  color: #cbd3da;
+}
+
+.accent-light .dropdown-item:active, .accent-light .dropdown-item.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.accent-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.accent-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-light .custom-select:focus,
+.accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-light .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.accent-light .page-item .page-link {
+  color: #f8f9fa;
+}
+
+.accent-light .page-item.active a,
+.accent-light .page-item.active .page-link {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #fff;
+}
+
+.accent-light .page-item.disabled a,
+.accent-light .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-light .page-item .page-link:hover, .dark-mode.accent-light .page-item .page-link:focus {
+  color: white;
+}
+
+.accent-dark .btn-link,
+.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.accent-dark .btn-link:hover,
+.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.accent-dark .dropdown-item:active, .accent-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.accent-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.accent-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-dark .custom-select:focus,
+.accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.accent-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.accent-dark .page-item.active a,
+.accent-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.accent-dark .page-item.disabled a,
+.accent-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-dark .page-item .page-link:hover, .dark-mode.accent-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+.accent-lightblue .btn-link,
+.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-lightblue .nav-tabs .nav-link {
+  color: #3c8dbc;
+}
+
+.accent-lightblue .btn-link:hover,
+.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-lightblue .nav-tabs .nav-link:hover {
+  color: #296282;
+}
+
+.accent-lightblue .dropdown-item:active, .accent-lightblue .dropdown-item.active {
+  background-color: #3c8dbc;
+  color: #fff;
+}
+
+.accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3c8dbc;
+  border-color: #23536f;
+}
+
+.accent-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-lightblue .custom-select:focus,
+.accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-lightblue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #99c5de;
+}
+
+.accent-lightblue .page-item .page-link {
+  color: #3c8dbc;
+}
+
+.accent-lightblue .page-item.active a,
+.accent-lightblue .page-item.active .page-link {
+  background-color: #3c8dbc;
+  border-color: #3c8dbc;
+  color: #fff;
+}
+
+.accent-lightblue .page-item.disabled a,
+.accent-lightblue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode.accent-lightblue .page-item .page-link:focus {
+  color: #4c99c6;
+}
+
+.accent-navy .btn-link,
+.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-navy .nav-tabs .nav-link {
+  color: #001f3f;
+}
+
+.accent-navy .btn-link:hover,
+.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-navy .nav-tabs .nav-link:hover {
+  color: black;
+}
+
+.accent-navy .dropdown-item:active, .accent-navy .dropdown-item.active {
+  background-color: #001f3f;
+  color: #fff;
+}
+
+.accent-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #001f3f;
+  border-color: black;
+}
+
+.accent-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-navy .custom-select:focus,
+.accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-navy .custom-file-input:focus ~ .custom-file-label {
+  border-color: #005ebf;
+}
+
+.accent-navy .page-item .page-link {
+  color: #001f3f;
+}
+
+.accent-navy .page-item.active a,
+.accent-navy .page-item.active .page-link {
+  background-color: #001f3f;
+  border-color: #001f3f;
+  color: #fff;
+}
+
+.accent-navy .page-item.disabled a,
+.accent-navy .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-navy .page-item .page-link:hover, .dark-mode.accent-navy .page-item .page-link:focus {
+  color: #002c59;
+}
+
+.accent-olive .btn-link,
+.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-olive .nav-tabs .nav-link {
+  color: #3d9970;
+}
+
+.accent-olive .btn-link:hover,
+.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-olive .nav-tabs .nav-link:hover {
+  color: #276248;
+}
+
+.accent-olive .dropdown-item:active, .accent-olive .dropdown-item.active {
+  background-color: #3d9970;
+  color: #fff;
+}
+
+.accent-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3d9970;
+  border-color: #20503b;
+}
+
+.accent-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-olive .custom-select:focus,
+.accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-olive .custom-file-input:focus ~ .custom-file-label {
+  border-color: #87cfaf;
+}
+
+.accent-olive .page-item .page-link {
+  color: #3d9970;
+}
+
+.accent-olive .page-item.active a,
+.accent-olive .page-item.active .page-link {
+  background-color: #3d9970;
+  border-color: #3d9970;
+  color: #fff;
+}
+
+.accent-olive .page-item.disabled a,
+.accent-olive .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-olive .page-item .page-link:hover, .dark-mode.accent-olive .page-item .page-link:focus {
+  color: #44ab7d;
+}
+
+.accent-lime .btn-link,
+.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-lime .nav-tabs .nav-link {
+  color: #01ff70;
+}
+
+.accent-lime .btn-link:hover,
+.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-lime .nav-tabs .nav-link:hover {
+  color: #00b44e;
+}
+
+.accent-lime .dropdown-item:active, .accent-lime .dropdown-item.active {
+  background-color: #01ff70;
+  color: #1f2d3d;
+}
+
+.accent-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #01ff70;
+  border-color: #009a43;
+}
+
+.accent-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-lime .custom-select:focus,
+.accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-lime .custom-file-input:focus ~ .custom-file-label {
+  border-color: #81ffb8;
+}
+
+.accent-lime .page-item .page-link {
+  color: #01ff70;
+}
+
+.accent-lime .page-item.active a,
+.accent-lime .page-item.active .page-link {
+  background-color: #01ff70;
+  border-color: #01ff70;
+  color: #fff;
+}
+
+.accent-lime .page-item.disabled a,
+.accent-lime .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-lime .page-item .page-link:hover, .dark-mode.accent-lime .page-item .page-link:focus {
+  color: #1bff7e;
+}
+
+.accent-fuchsia .btn-link,
+.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-fuchsia .nav-tabs .nav-link {
+  color: #f012be;
+}
+
+.accent-fuchsia .btn-link:hover,
+.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-fuchsia .nav-tabs .nav-link:hover {
+  color: #ab0b87;
+}
+
+.accent-fuchsia .dropdown-item:active, .accent-fuchsia .dropdown-item.active {
+  background-color: #f012be;
+  color: #fff;
+}
+
+.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f012be;
+  border-color: #930974;
+}
+
+.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-fuchsia .custom-select:focus,
+.accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-fuchsia .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f88adf;
+}
+
+.accent-fuchsia .page-item .page-link {
+  color: #f012be;
+}
+
+.accent-fuchsia .page-item.active a,
+.accent-fuchsia .page-item.active .page-link {
+  background-color: #f012be;
+  border-color: #f012be;
+  color: #fff;
+}
+
+.accent-fuchsia .page-item.disabled a,
+.accent-fuchsia .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode.accent-fuchsia .page-item .page-link:focus {
+  color: #f22ac5;
+}
+
+.accent-maroon .btn-link,
+.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-maroon .nav-tabs .nav-link {
+  color: #d81b60;
+}
+
+.accent-maroon .btn-link:hover,
+.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-maroon .nav-tabs .nav-link:hover {
+  color: #941342;
+}
+
+.accent-maroon .dropdown-item:active, .accent-maroon .dropdown-item.active {
+  background-color: #d81b60;
+  color: #fff;
+}
+
+.accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #d81b60;
+  border-color: #7d1038;
+}
+
+.accent-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-maroon .custom-select:focus,
+.accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-maroon .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f083ab;
+}
+
+.accent-maroon .page-item .page-link {
+  color: #d81b60;
+}
+
+.accent-maroon .page-item.active a,
+.accent-maroon .page-item.active .page-link {
+  background-color: #d81b60;
+  border-color: #d81b60;
+  color: #fff;
+}
+
+.accent-maroon .page-item.disabled a,
+.accent-maroon .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode.accent-maroon .page-item .page-link:focus {
+  color: #e4286d;
+}
+
+.accent-blue .btn-link,
+.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-blue .nav-tabs .nav-link {
+  color: #007bff;
+}
+
+.accent-blue .btn-link:hover,
+.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-blue .nav-tabs .nav-link:hover {
+  color: #0056b3;
+}
+
+.accent-blue .dropdown-item:active, .accent-blue .dropdown-item.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.accent-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #004a99;
+}
+
+.accent-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-blue .custom-select:focus,
+.accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-blue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+}
+
+.accent-blue .page-item .page-link {
+  color: #007bff;
+}
+
+.accent-blue .page-item.active a,
+.accent-blue .page-item.active .page-link {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.accent-blue .page-item.disabled a,
+.accent-blue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-blue .page-item .page-link:hover, .dark-mode.accent-blue .page-item .page-link:focus {
+  color: #1a88ff;
+}
+
+.accent-indigo .btn-link,
+.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-indigo .nav-tabs .nav-link {
+  color: #6610f2;
+}
+
+.accent-indigo .btn-link:hover,
+.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-indigo .nav-tabs .nav-link:hover {
+  color: #4709ac;
+}
+
+.accent-indigo .dropdown-item:active, .accent-indigo .dropdown-item.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.accent-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-indigo .custom-select:focus,
+.accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-indigo .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b389f9;
+}
+
+.accent-indigo .page-item .page-link {
+  color: #6610f2;
+}
+
+.accent-indigo .page-item.active a,
+.accent-indigo .page-item.active .page-link {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.accent-indigo .page-item.disabled a,
+.accent-indigo .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode.accent-indigo .page-item .page-link:focus {
+  color: #7528f3;
+}
+
+.accent-purple .btn-link,
+.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-purple .nav-tabs .nav-link {
+  color: #6f42c1;
+}
+
+.accent-purple .btn-link:hover,
+.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-purple .nav-tabs .nav-link:hover {
+  color: #4e2d89;
+}
+
+.accent-purple .dropdown-item:active, .accent-purple .dropdown-item.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.accent-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.accent-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-purple .custom-select:focus,
+.accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-purple .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b8a2e0;
+}
+
+.accent-purple .page-item .page-link {
+  color: #6f42c1;
+}
+
+.accent-purple .page-item.active a,
+.accent-purple .page-item.active .page-link {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.accent-purple .page-item.disabled a,
+.accent-purple .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-purple .page-item .page-link:hover, .dark-mode.accent-purple .page-item .page-link:focus {
+  color: #7e55c7;
+}
+
+.accent-pink .btn-link,
+.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-pink .nav-tabs .nav-link {
+  color: #e83e8c;
+}
+
+.accent-pink .btn-link:hover,
+.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-pink .nav-tabs .nav-link:hover {
+  color: #c21766;
+}
+
+.accent-pink .dropdown-item:active, .accent-pink .dropdown-item.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.accent-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.accent-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-pink .custom-select:focus,
+.accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-pink .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f6b0d0;
+}
+
+.accent-pink .page-item .page-link {
+  color: #e83e8c;
+}
+
+.accent-pink .page-item.active a,
+.accent-pink .page-item.active .page-link {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.accent-pink .page-item.disabled a,
+.accent-pink .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-pink .page-item .page-link:hover, .dark-mode.accent-pink .page-item .page-link:focus {
+  color: #eb559a;
+}
+
+.accent-red .btn-link,
+.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-red .nav-tabs .nav-link {
+  color: #dc3545;
+}
+
+.accent-red .btn-link:hover,
+.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-red .nav-tabs .nav-link:hover {
+  color: #a71d2a;
+}
+
+.accent-red .dropdown-item:active, .accent-red .dropdown-item.active {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+.accent-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #dc3545;
+  border-color: #921925;
+}
+
+.accent-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-red .custom-select:focus,
+.accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-red .custom-file-input:focus ~ .custom-file-label {
+  border-color: #efa2a9;
+}
+
+.accent-red .page-item .page-link {
+  color: #dc3545;
+}
+
+.accent-red .page-item.active a,
+.accent-red .page-item.active .page-link {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.accent-red .page-item.disabled a,
+.accent-red .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-red .page-item .page-link:hover, .dark-mode.accent-red .page-item .page-link:focus {
+  color: #e04b59;
+}
+
+.accent-orange .btn-link,
+.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-orange .nav-tabs .nav-link {
+  color: #fd7e14;
+}
+
+.accent-orange .btn-link:hover,
+.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-orange .nav-tabs .nav-link:hover {
+  color: #c35a02;
+}
+
+.accent-orange .dropdown-item:active, .accent-orange .dropdown-item.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.accent-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.accent-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-orange .custom-select:focus,
+.accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-orange .custom-file-input:focus ~ .custom-file-label {
+  border-color: #fec392;
+}
+
+.accent-orange .page-item .page-link {
+  color: #fd7e14;
+}
+
+.accent-orange .page-item.active a,
+.accent-orange .page-item.active .page-link {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #fff;
+}
+
+.accent-orange .page-item.disabled a,
+.accent-orange .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-orange .page-item .page-link:hover, .dark-mode.accent-orange .page-item .page-link:focus {
+  color: #fd8c2d;
+}
+
+.accent-yellow .btn-link,
+.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-yellow .nav-tabs .nav-link {
+  color: #ffc107;
+}
+
+.accent-yellow .btn-link:hover,
+.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-yellow .nav-tabs .nav-link:hover {
+  color: #ba8b00;
+}
+
+.accent-yellow .dropdown-item:active, .accent-yellow .dropdown-item.active {
+  background-color: #ffc107;
+  color: #1f2d3d;
+}
+
+.accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ffc107;
+  border-color: #a07800;
+}
+
+.accent-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-yellow .custom-select:focus,
+.accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-yellow .custom-file-input:focus ~ .custom-file-label {
+  border-color: #ffe187;
+}
+
+.accent-yellow .page-item .page-link {
+  color: #ffc107;
+}
+
+.accent-yellow .page-item.active a,
+.accent-yellow .page-item.active .page-link {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #fff;
+}
+
+.accent-yellow .page-item.disabled a,
+.accent-yellow .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode.accent-yellow .page-item .page-link:focus {
+  color: #ffc721;
+}
+
+.accent-green .btn-link,
+.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-green .nav-tabs .nav-link {
+  color: #28a745;
+}
+
+.accent-green .btn-link:hover,
+.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-green .nav-tabs .nav-link:hover {
+  color: #19692c;
+}
+
+.accent-green .dropdown-item:active, .accent-green .dropdown-item.active {
+  background-color: #28a745;
+  color: #fff;
+}
+
+.accent-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #28a745;
+  border-color: #145523;
+}
+
+.accent-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-green .custom-select:focus,
+.accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-green .custom-file-input:focus ~ .custom-file-label {
+  border-color: #71dd8a;
+}
+
+.accent-green .page-item .page-link {
+  color: #28a745;
+}
+
+.accent-green .page-item.active a,
+.accent-green .page-item.active .page-link {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.accent-green .page-item.disabled a,
+.accent-green .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-green .page-item .page-link:hover, .dark-mode.accent-green .page-item .page-link:focus {
+  color: #2dbc4e;
+}
+
+.accent-teal .btn-link,
+.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-teal .nav-tabs .nav-link {
+  color: #20c997;
+}
+
+.accent-teal .btn-link:hover,
+.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-teal .nav-tabs .nav-link:hover {
+  color: #158765;
+}
+
+.accent-teal .dropdown-item:active, .accent-teal .dropdown-item.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.accent-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.accent-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-teal .custom-select:focus,
+.accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-teal .custom-file-input:focus ~ .custom-file-label {
+  border-color: #7eeaca;
+}
+
+.accent-teal .page-item .page-link {
+  color: #20c997;
+}
+
+.accent-teal .page-item.active a,
+.accent-teal .page-item.active .page-link {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.accent-teal .page-item.disabled a,
+.accent-teal .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-teal .page-item .page-link:hover, .dark-mode.accent-teal .page-item .page-link:focus {
+  color: #26dca6;
+}
+
+.accent-cyan .btn-link,
+.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-cyan .nav-tabs .nav-link {
+  color: #17a2b8;
+}
+
+.accent-cyan .btn-link:hover,
+.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-cyan .nav-tabs .nav-link:hover {
+  color: #0f6674;
+}
+
+.accent-cyan .dropdown-item:active, .accent-cyan .dropdown-item.active {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #17a2b8;
+  border-color: #0c525d;
+}
+
+.accent-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-cyan .custom-select:focus,
+.accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-cyan .custom-file-input:focus ~ .custom-file-label {
+  border-color: #63d9ec;
+}
+
+.accent-cyan .page-item .page-link {
+  color: #17a2b8;
+}
+
+.accent-cyan .page-item.active a,
+.accent-cyan .page-item.active .page-link {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.accent-cyan .page-item.disabled a,
+.accent-cyan .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode.accent-cyan .page-item .page-link:focus {
+  color: #1ab6cf;
+}
+
+.accent-white .btn-link,
+.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-white .nav-tabs .nav-link {
+  color: #fff;
+}
+
+.accent-white .btn-link:hover,
+.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-white .nav-tabs .nav-link:hover {
+  color: #d9d9d9;
+}
+
+.accent-white .dropdown-item:active, .accent-white .dropdown-item.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.accent-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.accent-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-white .custom-select:focus,
+.accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-white .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.accent-white .page-item .page-link {
+  color: #fff;
+}
+
+.accent-white .page-item.active a,
+.accent-white .page-item.active .page-link {
+  background-color: #fff;
+  border-color: #fff;
+  color: #fff;
+}
+
+.accent-white .page-item.disabled a,
+.accent-white .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-white .page-item .page-link:hover, .dark-mode.accent-white .page-item .page-link:focus {
+  color: white;
+}
+
+.accent-gray .btn-link,
+.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-gray .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.accent-gray .btn-link:hover,
+.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-gray .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.accent-gray .dropdown-item:active, .accent-gray .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.accent-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.accent-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-gray .custom-select:focus,
+.accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-gray .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.accent-gray .page-item .page-link {
+  color: #6c757d;
+}
+
+.accent-gray .page-item.active a,
+.accent-gray .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.accent-gray .page-item.disabled a,
+.accent-gray .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-gray .page-item .page-link:hover, .dark-mode.accent-gray .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.accent-gray-dark .btn-link,
+.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.accent-gray-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.accent-gray-dark .btn-link:hover,
+.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.accent-gray-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.accent-gray-dark .dropdown-item:active, .accent-gray-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.accent-gray-dark .custom-select:focus,
+.accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.accent-gray-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.accent-gray-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.accent-gray-dark .page-item.active a,
+.accent-gray-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.accent-gray-dark .page-item.disabled a,
+.accent-gray-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode.accent-gray-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+[class*="accent-"] a.btn-primary {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-secondary {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-success {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-info {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-warning {
+  color: #1f2d3d;
+}
+
+[class*="accent-"] a.btn-danger {
+  color: #fff;
+}
+
+[class*="accent-"] a.btn-light {
+  color: #1f2d3d;
+}
+
+[class*="accent-"] a.btn-dark {
+  color: #fff;
+}
+
+.dark-mode .bg-light {
+  background-color: #454d55 !important;
+  color: #fff !important;
+}
+
+.dark-mode .text-black,
+.dark-mode .text-dark,
+.dark-mode .link-black,
+.dark-mode .link-dark {
+  color: #ced4da !important;
+}
+
+.dark-mode.bg-primary {
+  background-color: #3f6791 !important;
+}
+
+.dark-mode.bg-primary,
+.dark-mode.bg-primary > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-primary.btn:hover {
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode.bg-primary.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-primary.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-primary.btn:active, .dark-mode.bg-primary.btn.active {
+  background-color: #304e6d !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+.dark-mode.bg-secondary,
+.dark-mode.bg-secondary > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-secondary.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode.bg-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-secondary.btn:active, .dark-mode.bg-secondary.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode.bg-success {
+  background-color: #00bc8c !important;
+}
+
+.dark-mode.bg-success,
+.dark-mode.bg-success > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-success.btn:hover {
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode.bg-success.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-success.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-success.btn:active, .dark-mode.bg-success.btn.active {
+  background-color: #008966 !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode.bg-info {
+  background-color: #3498db !important;
+}
+
+.dark-mode.bg-info,
+.dark-mode.bg-info > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-info.btn:hover {
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode.bg-info.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-info.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-info.btn:active, .dark-mode.bg-info.btn.active {
+  background-color: #217dbb !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode.bg-warning {
+  background-color: #f39c12 !important;
+}
+
+.dark-mode.bg-warning,
+.dark-mode.bg-warning > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-warning.btn:hover {
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode.bg-warning.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-warning.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-warning.btn:active, .dark-mode.bg-warning.btn.active {
+  background-color: #c87f0a !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode.bg-danger {
+  background-color: #e74c3c !important;
+}
+
+.dark-mode.bg-danger,
+.dark-mode.bg-danger > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-danger.btn:hover {
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode.bg-danger.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-danger.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-danger.btn:active, .dark-mode.bg-danger.btn.active {
+  background-color: #d62c1a !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+.dark-mode.bg-light,
+.dark-mode.bg-light > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-light.btn:hover {
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.dark-mode.bg-light.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-light.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-light.btn:active, .dark-mode.bg-light.btn.active {
+  background-color: #dae0e5 !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.dark-mode.bg-dark {
+  background-color: #343a40 !important;
+}
+
+.dark-mode.bg-dark,
+.dark-mode.bg-dark > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode.bg-dark.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-dark.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-dark.btn:active, .dark-mode.bg-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode.bg-lightblue {
+  background-color: #86bad8 !important;
+}
+
+.dark-mode.bg-lightblue,
+.dark-mode.bg-lightblue > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-lightblue.btn:hover {
+  border-color: #5fa4cc;
+  color: #121a24;
+}
+
+.dark-mode.bg-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-lightblue.btn:active, .dark-mode.bg-lightblue.btn.active {
+  background-color: #5fa4cc !important;
+  border-color: #559ec9;
+  color: #fff;
+}
+
+.dark-mode.bg-navy {
+  background-color: #002c59 !important;
+}
+
+.dark-mode.bg-navy,
+.dark-mode.bg-navy > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-navy.btn:hover {
+  border-color: #001226;
+  color: #ececec;
+}
+
+.dark-mode.bg-navy.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-navy.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-navy.btn:active, .dark-mode.bg-navy.btn.active {
+  background-color: #001226 !important;
+  border-color: #000c19;
+  color: #fff;
+}
+
+.dark-mode.bg-olive {
+  background-color: #74c8a3 !important;
+}
+
+.dark-mode.bg-olive,
+.dark-mode.bg-olive > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-olive.btn:hover {
+  border-color: #50b98a;
+  color: #121a24;
+}
+
+.dark-mode.bg-olive.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-olive.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-olive.btn:active, .dark-mode.bg-olive.btn.active {
+  background-color: #50b98a !important;
+  border-color: #48b484;
+  color: #fff;
+}
+
+.dark-mode.bg-lime {
+  background-color: #67ffa9 !important;
+}
+
+.dark-mode.bg-lime,
+.dark-mode.bg-lime > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-lime.btn:hover {
+  border-color: #34ff8d;
+  color: #121a24;
+}
+
+.dark-mode.bg-lime.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-lime.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-lime.btn:active, .dark-mode.bg-lime.btn.active {
+  background-color: #34ff8d !important;
+  border-color: #27ff86;
+  color: #1f2d3d;
+}
+
+.dark-mode.bg-fuchsia {
+  background-color: #f672d8 !important;
+}
+
+.dark-mode.bg-fuchsia,
+.dark-mode.bg-fuchsia > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-fuchsia.btn:hover {
+  border-color: #f342cb;
+  color: #121a24;
+}
+
+.dark-mode.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-fuchsia.btn:active, .dark-mode.bg-fuchsia.btn.active {
+  background-color: #f342cb !important;
+  border-color: #f236c8;
+  color: #fff;
+}
+
+.dark-mode.bg-maroon {
+  background-color: #ed6c9b !important;
+}
+
+.dark-mode.bg-maroon,
+.dark-mode.bg-maroon > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-maroon.btn:hover {
+  border-color: #e73f7c;
+  color: #121a24;
+}
+
+.dark-mode.bg-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-maroon.btn:active, .dark-mode.bg-maroon.btn.active {
+  background-color: #e73f7c !important;
+  border-color: #e63475;
+  color: #fff;
+}
+
+.dark-mode.bg-blue {
+  background-color: #3f6791 !important;
+}
+
+.dark-mode.bg-blue,
+.dark-mode.bg-blue > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-blue.btn:hover {
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode.bg-blue.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-blue.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-blue.btn:active, .dark-mode.bg-blue.btn.active {
+  background-color: #304e6d !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode.bg-indigo {
+  background-color: #6610f2 !important;
+}
+
+.dark-mode.bg-indigo,
+.dark-mode.bg-indigo > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-indigo.btn:hover {
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.dark-mode.bg-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-indigo.btn:active, .dark-mode.bg-indigo.btn.active {
+  background-color: #510bc4 !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.dark-mode.bg-purple {
+  background-color: #6f42c1 !important;
+}
+
+.dark-mode.bg-purple,
+.dark-mode.bg-purple > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-purple.btn:hover {
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.dark-mode.bg-purple.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-purple.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-purple.btn:active, .dark-mode.bg-purple.btn.active {
+  background-color: #59339d !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.dark-mode.bg-pink {
+  background-color: #e83e8c !important;
+}
+
+.dark-mode.bg-pink,
+.dark-mode.bg-pink > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-pink.btn:hover {
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.dark-mode.bg-pink.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-pink.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-pink.btn:active, .dark-mode.bg-pink.btn.active {
+  background-color: #d91a72 !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.dark-mode.bg-red {
+  background-color: #e74c3c !important;
+}
+
+.dark-mode.bg-red,
+.dark-mode.bg-red > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-red.btn:hover {
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode.bg-red.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-red.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-red.btn:active, .dark-mode.bg-red.btn.active {
+  background-color: #d62c1a !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode.bg-orange {
+  background-color: #fd7e14 !important;
+}
+
+.dark-mode.bg-orange,
+.dark-mode.bg-orange > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-orange.btn:hover {
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.dark-mode.bg-orange.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-orange.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-orange.btn:active, .dark-mode.bg-orange.btn.active {
+  background-color: #dc6502 !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.dark-mode.bg-yellow {
+  background-color: #f39c12 !important;
+}
+
+.dark-mode.bg-yellow,
+.dark-mode.bg-yellow > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-yellow.btn:hover {
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode.bg-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-yellow.btn:active, .dark-mode.bg-yellow.btn.active {
+  background-color: #c87f0a !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode.bg-green {
+  background-color: #00bc8c !important;
+}
+
+.dark-mode.bg-green,
+.dark-mode.bg-green > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-green.btn:hover {
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode.bg-green.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-green.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-green.btn:active, .dark-mode.bg-green.btn.active {
+  background-color: #008966 !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode.bg-teal {
+  background-color: #20c997 !important;
+}
+
+.dark-mode.bg-teal,
+.dark-mode.bg-teal > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-teal.btn:hover {
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.dark-mode.bg-teal.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-teal.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-teal.btn:active, .dark-mode.bg-teal.btn.active {
+  background-color: #199d76 !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.dark-mode.bg-cyan {
+  background-color: #3498db !important;
+}
+
+.dark-mode.bg-cyan,
+.dark-mode.bg-cyan > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-cyan.btn:hover {
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode.bg-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-cyan.btn:active, .dark-mode.bg-cyan.btn.active {
+  background-color: #217dbb !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode.bg-white {
+  background-color: #fff !important;
+}
+
+.dark-mode.bg-white,
+.dark-mode.bg-white > a {
+  color: #1f2d3d !important;
+}
+
+.dark-mode.bg-white.btn:hover {
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.dark-mode.bg-white.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-white.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-white.btn:active, .dark-mode.bg-white.btn.active {
+  background-color: #e6e6e6 !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.dark-mode.bg-gray {
+  background-color: #6c757d !important;
+}
+
+.dark-mode.bg-gray,
+.dark-mode.bg-gray > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-gray.btn:hover {
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode.bg-gray.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-gray.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-gray.btn:active, .dark-mode.bg-gray.btn.active {
+  background-color: #545b62 !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode.bg-gray-dark {
+  background-color: #343a40 !important;
+}
+
+.dark-mode.bg-gray-dark,
+.dark-mode.bg-gray-dark > a {
+  color: #fff !important;
+}
+
+.dark-mode.bg-gray-dark.btn:hover {
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode.bg-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode.bg-gray-dark.btn:active, .dark-mode.bg-gray-dark.btn.active {
+  background-color: #1d2124 !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-primary {
+  background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-primary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-primary.btn:hover {
+  background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-primary.btn:active, .dark-mode .bg-gradient-primary.btn.active {
+  background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-primary.btn:disabled, .dark-mode .bg-gradient-primary.btn.disabled {
+  background-image: none !important;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-secondary {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-secondary.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-secondary.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-secondary.btn:active, .dark-mode .bg-gradient-secondary.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-secondary.btn:disabled, .dark-mode .bg-gradient-secondary.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-success {
+  background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-success.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-success.btn:hover {
+  background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-success.btn:active, .dark-mode .bg-gradient-success.btn.active {
+  background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-success.btn:disabled, .dark-mode .bg-gradient-success.btn.disabled {
+  background-image: none !important;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-info {
+  background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-info.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-info.btn:hover {
+  background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-info.btn:active, .dark-mode .bg-gradient-info.btn.active {
+  background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-info.btn:disabled, .dark-mode .bg-gradient-info.btn.disabled {
+  background-image: none !important;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-warning {
+  background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-warning.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-warning.btn:hover {
+  background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-warning.btn:active, .dark-mode .bg-gradient-warning.btn.active {
+  background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-warning.btn:disabled, .dark-mode .bg-gradient-warning.btn.disabled {
+  background-image: none !important;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-danger {
+  background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-danger.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-danger.btn:hover {
+  background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-danger.btn:active, .dark-mode .bg-gradient-danger.btn.active {
+  background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-danger.btn:disabled, .dark-mode .bg-gradient-danger.btn.disabled {
+  background-image: none !important;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-light {
+  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-light.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-light.btn:hover {
+  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
+  border-color: #dae0e5;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-light.btn:active, .dark-mode .bg-gradient-light.btn.active {
+  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
+  border-color: #d3d9df;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-light.btn:disabled, .dark-mode .bg-gradient-light.btn.disabled {
+  background-image: none !important;
+  border-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-dark.btn:active, .dark-mode .bg-gradient-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-dark.btn:disabled, .dark-mode .bg-gradient-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-lightblue {
+  background: #86bad8 linear-gradient(180deg, #98c4de, #86bad8) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-lightblue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:hover {
+  background: #86bad8 linear-gradient(180deg, #7fb6d6, #69a9cf) repeat-x !important;
+  border-color: #5fa4cc;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lightblue.btn:active, .dark-mode .bg-gradient-lightblue.btn.active {
+  background: #86bad8 linear-gradient(180deg, #77b2d4, #5fa4cc) repeat-x !important;
+  border-color: #559ec9;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-lightblue.btn:disabled, .dark-mode .bg-gradient-lightblue.btn.disabled {
+  background-image: none !important;
+  border-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-navy {
+  background: #002c59 linear-gradient(180deg, #264b71, #002c59) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-navy.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-navy.btn:hover {
+  background: #002c59 linear-gradient(180deg, #263b51, #001932) repeat-x !important;
+  border-color: #001226;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-navy.btn:active, .dark-mode .bg-gradient-navy.btn.active {
+  background: #002c59 linear-gradient(180deg, #263646, #001226) repeat-x !important;
+  border-color: #000c19;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-navy.btn:disabled, .dark-mode .bg-gradient-navy.btn.disabled {
+  background-image: none !important;
+  border-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-olive {
+  background: #74c8a3 linear-gradient(180deg, #89d0b0, #74c8a3) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-olive.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-olive.btn:hover {
+  background: #74c8a3 linear-gradient(180deg, #72c7a1, #59bd90) repeat-x !important;
+  border-color: #50b98a;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-olive.btn:active, .dark-mode .bg-gradient-olive.btn.active {
+  background: #74c8a3 linear-gradient(180deg, #6ac49c, #50b98a) repeat-x !important;
+  border-color: #48b484;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-olive.btn:disabled, .dark-mode .bg-gradient-olive.btn.disabled {
+  background-image: none !important;
+  border-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lime {
+  background: #67ffa9 linear-gradient(180deg, #7effb6, #67ffa9) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-lime.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-lime.btn:hover {
+  background: #67ffa9 linear-gradient(180deg, #5dffa4, #41ff94) repeat-x !important;
+  border-color: #34ff8d;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lime.btn:active, .dark-mode .bg-gradient-lime.btn.active {
+  background: #67ffa9 linear-gradient(180deg, #52ff9e, #34ff8d) repeat-x !important;
+  border-color: #27ff86;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-lime.btn:disabled, .dark-mode .bg-gradient-lime.btn.disabled {
+  background-image: none !important;
+  border-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-fuchsia {
+  background: #f672d8 linear-gradient(180deg, #f787de, #f672d8) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:hover {
+  background: #f672d8 linear-gradient(180deg, #f569d6, #f44ece) repeat-x !important;
+  border-color: #f342cb;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-fuchsia.btn:active, .dark-mode .bg-gradient-fuchsia.btn.active {
+  background: #f672d8 linear-gradient(180deg, #f55ed3, #f342cb) repeat-x !important;
+  border-color: #f236c8;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-fuchsia.btn:disabled, .dark-mode .bg-gradient-fuchsia.btn.disabled {
+  background-image: none !important;
+  border-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-maroon {
+  background: #ed6c9b linear-gradient(180deg, #ef82aa, #ed6c9b) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-maroon.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-maroon.btn:hover {
+  background: #ed6c9b linear-gradient(180deg, #ec6596, #e84a84) repeat-x !important;
+  border-color: #e73f7c;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-maroon.btn:active, .dark-mode .bg-gradient-maroon.btn.active {
+  background: #ed6c9b linear-gradient(180deg, #eb5c90, #e73f7c) repeat-x !important;
+  border-color: #e63475;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-maroon.btn:disabled, .dark-mode .bg-gradient-maroon.btn.disabled {
+  background-image: none !important;
+  border-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-blue {
+  background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-blue.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-blue.btn:hover {
+  background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
+  border-color: #304e6d;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-blue.btn:active, .dark-mode .bg-gradient-blue.btn.active {
+  background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
+  border-color: #2c4765;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-blue.btn:disabled, .dark-mode .bg-gradient-blue.btn.disabled {
+  background-image: none !important;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-indigo {
+  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-indigo.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-indigo.btn:hover {
+  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
+  border-color: #510bc4;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-indigo.btn:active, .dark-mode .bg-gradient-indigo.btn.active {
+  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
+  border-color: #4c0ab8;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-indigo.btn:disabled, .dark-mode .bg-gradient-indigo.btn.disabled {
+  background-image: none !important;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-purple {
+  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-purple.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-purple.btn:hover {
+  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
+  border-color: #59339d;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-purple.btn:active, .dark-mode .bg-gradient-purple.btn.active {
+  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
+  border-color: #533093;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-purple.btn:disabled, .dark-mode .bg-gradient-purple.btn.disabled {
+  background-image: none !important;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-pink {
+  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-pink.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-pink.btn:hover {
+  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
+  border-color: #d91a72;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-pink.btn:active, .dark-mode .bg-gradient-pink.btn.active {
+  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
+  border-color: #ce196c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-pink.btn:disabled, .dark-mode .bg-gradient-pink.btn.disabled {
+  background-image: none !important;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-red {
+  background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-red.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-red.btn:hover {
+  background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
+  border-color: #d62c1a;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-red.btn:active, .dark-mode .bg-gradient-red.btn.active {
+  background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
+  border-color: #ca2a19;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-red.btn:disabled, .dark-mode .bg-gradient-red.btn.disabled {
+  background-image: none !important;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-orange {
+  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-orange.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-orange.btn:hover {
+  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
+  border-color: #dc6502;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-orange.btn:active, .dark-mode .bg-gradient-orange.btn.active {
+  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
+  border-color: #cf5f02;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-orange.btn:disabled, .dark-mode .bg-gradient-orange.btn.disabled {
+  background-image: none !important;
+  border-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-yellow {
+  background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-yellow.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-yellow.btn:hover {
+  background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
+  border-color: #c87f0a;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-yellow.btn:active, .dark-mode .bg-gradient-yellow.btn.active {
+  background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
+  border-color: #bc770a;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-yellow.btn:disabled, .dark-mode .bg-gradient-yellow.btn.disabled {
+  background-image: none !important;
+  border-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-green {
+  background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-green.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-green.btn:hover {
+  background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
+  border-color: #008966;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-green.btn:active, .dark-mode .bg-gradient-green.btn.active {
+  background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
+  border-color: #007c5d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-green.btn:disabled, .dark-mode .bg-gradient-green.btn.disabled {
+  background-image: none !important;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-teal {
+  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-teal.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-teal.btn:hover {
+  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
+  border-color: #199d76;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-teal.btn:active, .dark-mode .bg-gradient-teal.btn.active {
+  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
+  border-color: #17926e;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-teal.btn:disabled, .dark-mode .bg-gradient-teal.btn.disabled {
+  background-image: none !important;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-cyan {
+  background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-cyan.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-cyan.btn:hover {
+  background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
+  border-color: #217dbb;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-cyan.btn:active, .dark-mode .bg-gradient-cyan.btn.active {
+  background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
+  border-color: #1f76b0;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-cyan.btn:disabled, .dark-mode .bg-gradient-cyan.btn.disabled {
+  background-image: none !important;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-white {
+  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-white.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-white.btn:hover {
+  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
+  border-color: #e6e6e6;
+  color: #121a24;
+}
+
+.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-white.btn:active, .dark-mode .bg-gradient-white.btn.active {
+  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
+  border-color: #dfdfdf;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-white.btn:disabled, .dark-mode .bg-gradient-white.btn.disabled {
+  background-image: none !important;
+  border-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .bg-gradient-gray {
+  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-gray.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-gray.btn:hover {
+  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
+  border-color: #545b62;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray.btn:active, .dark-mode .bg-gradient-gray.btn.active {
+  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
+  border-color: #4e555b;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray.btn:disabled, .dark-mode .bg-gradient-gray.btn.disabled {
+  background-image: none !important;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray-dark {
+  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
+.show > .dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle {
+  background-image: none !important;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:hover {
+  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
+  border-color: #1d2124;
+  color: #ececec;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray-dark.btn:active, .dark-mode .bg-gradient-gray-dark.btn.active {
+  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
+  border-color: #171a1d;
+  color: #fff;
+}
+
+.dark-mode .bg-gradient-gray-dark.btn:disabled, .dark-mode .bg-gradient-gray-dark.btn.disabled {
+  background-image: none !important;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-primary .btn-link,
+.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-primary .nav-tabs .nav-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-primary .btn-link:hover,
+.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-primary .nav-tabs .nav-link:hover {
+  color: #28415c;
+}
+
+.dark-mode .accent-primary .dropdown-item:active, .dark-mode .accent-primary .dropdown-item.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-primary .custom-select:focus,
+.dark-mode .accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-primary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #85a7ca;
+}
+
+.dark-mode .accent-primary .page-item .page-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-primary .page-item.active a,
+.dark-mode .accent-primary .page-item.active .page-link {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-primary .page-item.disabled a,
+.dark-mode .accent-primary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-primary .page-item .page-link:hover, .dark-mode .dark-mode.accent-primary .page-item .page-link:focus {
+  color: #4774a3;
+}
+
+.dark-mode .accent-secondary .btn-link,
+.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-secondary .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-secondary .btn-link:hover,
+.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-secondary .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.dark-mode .accent-secondary .dropdown-item:active, .dark-mode .accent-secondary .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-secondary .custom-select:focus,
+.dark-mode .accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-secondary .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.dark-mode .accent-secondary .page-item .page-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-secondary .page-item.active a,
+.dark-mode .accent-secondary .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-secondary .page-item.disabled a,
+.dark-mode .accent-secondary .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode .dark-mode.accent-secondary .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.dark-mode .accent-success .btn-link,
+.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-success .nav-tabs .nav-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-success .btn-link:hover,
+.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-success .nav-tabs .nav-link:hover {
+  color: #007053;
+}
+
+.dark-mode .accent-success .dropdown-item:active, .dark-mode .accent-success .dropdown-item.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-success .custom-select:focus,
+.dark-mode .accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-success .custom-file-input:focus ~ .custom-file-label {
+  border-color: #3dffcd;
+}
+
+.dark-mode .accent-success .page-item .page-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-success .page-item.active a,
+.dark-mode .accent-success .page-item.active .page-link {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-success .page-item.disabled a,
+.dark-mode .accent-success .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-success .page-item .page-link:hover, .dark-mode .dark-mode.accent-success .page-item .page-link:focus {
+  color: #00d69f;
+}
+
+.dark-mode .accent-info .btn-link,
+.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-info .nav-tabs .nav-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-info .btn-link:hover,
+.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-info .nav-tabs .nav-link:hover {
+  color: #1d6fa5;
+}
+
+.dark-mode .accent-info .dropdown-item:active, .dark-mode .accent-info .dropdown-item.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-info .custom-select:focus,
+.dark-mode .accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-info .custom-file-input:focus ~ .custom-file-label {
+  border-color: #a0cfee;
+}
+
+.dark-mode .accent-info .page-item .page-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-info .page-item.active a,
+.dark-mode .accent-info .page-item.active .page-link {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-info .page-item.disabled a,
+.dark-mode .accent-info .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-info .page-item .page-link:hover, .dark-mode .dark-mode.accent-info .page-item .page-link:focus {
+  color: #4aa3df;
+}
+
+.dark-mode .accent-warning .btn-link,
+.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-warning .nav-tabs .nav-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-warning .btn-link:hover,
+.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-warning .nav-tabs .nav-link:hover {
+  color: #b06f09;
+}
+
+.dark-mode .accent-warning .dropdown-item:active, .dark-mode .accent-warning .dropdown-item.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-warning .custom-select:focus,
+.dark-mode .accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-warning .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .accent-warning .page-item .page-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-warning .page-item.active a,
+.dark-mode .accent-warning .page-item.active .page-link {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #fff;
+}
+
+.dark-mode .accent-warning .page-item.disabled a,
+.dark-mode .accent-warning .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-warning .page-item .page-link:hover, .dark-mode .dark-mode.accent-warning .page-item .page-link:focus {
+  color: #f4a62a;
+}
+
+.dark-mode .accent-danger .btn-link,
+.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-danger .nav-tabs .nav-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-danger .btn-link:hover,
+.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-danger .nav-tabs .nav-link:hover {
+  color: #bf2718;
+}
+
+.dark-mode .accent-danger .dropdown-item:active, .dark-mode .accent-danger .dropdown-item.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-danger .custom-select:focus,
+.dark-mode .accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-danger .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .accent-danger .page-item .page-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-danger .page-item.active a,
+.dark-mode .accent-danger .page-item.active .page-link {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-danger .page-item.disabled a,
+.dark-mode .accent-danger .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-danger .page-item .page-link:hover, .dark-mode .dark-mode.accent-danger .page-item .page-link:focus {
+  color: #ea6153;
+}
+
+.dark-mode .accent-light .btn-link,
+.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-light .nav-tabs .nav-link {
+  color: #f8f9fa;
+}
+
+.dark-mode .accent-light .btn-link:hover,
+.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-light .nav-tabs .nav-link:hover {
+  color: #cbd3da;
+}
+
+.dark-mode .accent-light .dropdown-item:active, .dark-mode .accent-light .dropdown-item.active {
+  background-color: #f8f9fa;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f8f9fa;
+  border-color: #bdc6d0;
+}
+
+.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-light .custom-select:focus,
+.dark-mode .accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-light .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.dark-mode .accent-light .page-item .page-link {
+  color: #f8f9fa;
+}
+
+.dark-mode .accent-light .page-item.active a,
+.dark-mode .accent-light .page-item.active .page-link {
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+  color: #fff;
+}
+
+.dark-mode .accent-light .page-item.disabled a,
+.dark-mode .accent-light .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-light .page-item .page-link:hover, .dark-mode .dark-mode.accent-light .page-item .page-link:focus {
+  color: white;
+}
+
+.dark-mode .accent-dark .btn-link,
+.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-dark .btn-link:hover,
+.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.dark-mode .accent-dark .dropdown-item:active, .dark-mode .accent-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-dark .custom-select:focus,
+.dark-mode .accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.dark-mode .accent-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-dark .page-item.active a,
+.dark-mode .accent-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-dark .page-item.disabled a,
+.dark-mode .accent-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+.dark-mode [class*="accent-"] a.btn-primary {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-secondary {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-success {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-info {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-warning {
+  color: #1f2d3d;
+}
+
+.dark-mode [class*="accent-"] a.btn-danger {
+  color: #fff;
+}
+
+.dark-mode [class*="accent-"] a.btn-light {
+  color: #1f2d3d;
+}
+
+.dark-mode [class*="accent-"] a.btn-dark {
+  color: #fff;
+}
+
+.dark-mode .accent-lightblue .btn-link,
+.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-lightblue .nav-tabs .nav-link {
+  color: #86bad8;
+}
+
+.dark-mode .accent-lightblue .btn-link:hover,
+.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-lightblue .nav-tabs .nav-link:hover {
+  color: #4c99c6;
+}
+
+.dark-mode .accent-lightblue .dropdown-item:active, .dark-mode .accent-lightblue .dropdown-item.active {
+  background-color: #86bad8;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #86bad8;
+  border-color: #3c8dbc;
+}
+
+.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-lightblue .custom-select:focus,
+.dark-mode .accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-lightblue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #e6f1f7;
+}
+
+.dark-mode .accent-lightblue .page-item .page-link {
+  color: #86bad8;
+}
+
+.dark-mode .accent-lightblue .page-item.active a,
+.dark-mode .accent-lightblue .page-item.active .page-link {
+  background-color: #86bad8;
+  border-color: #86bad8;
+  color: #fff;
+}
+
+.dark-mode .accent-lightblue .page-item.disabled a,
+.dark-mode .accent-lightblue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus {
+  color: #99c5de;
+}
+
+.dark-mode .accent-navy .btn-link,
+.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-navy .nav-tabs .nav-link {
+  color: #002c59;
+}
+
+.dark-mode .accent-navy .btn-link:hover,
+.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-navy .nav-tabs .nav-link:hover {
+  color: #00060c;
+}
+
+.dark-mode .accent-navy .dropdown-item:active, .dark-mode .accent-navy .dropdown-item.active {
+  background-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #002c59;
+  border-color: black;
+}
+
+.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-navy .custom-select:focus,
+.dark-mode .accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-navy .custom-file-input:focus ~ .custom-file-label {
+  border-color: #006ad8;
+}
+
+.dark-mode .accent-navy .page-item .page-link {
+  color: #002c59;
+}
+
+.dark-mode .accent-navy .page-item.active a,
+.dark-mode .accent-navy .page-item.active .page-link {
+  background-color: #002c59;
+  border-color: #002c59;
+  color: #fff;
+}
+
+.dark-mode .accent-navy .page-item.disabled a,
+.dark-mode .accent-navy .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-navy .page-item .page-link:hover, .dark-mode .dark-mode.accent-navy .page-item .page-link:focus {
+  color: #003872;
+}
+
+.dark-mode .accent-olive .btn-link,
+.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-olive .nav-tabs .nav-link {
+  color: #74c8a3;
+}
+
+.dark-mode .accent-olive .btn-link:hover,
+.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-olive .nav-tabs .nav-link:hover {
+  color: #44ab7d;
+}
+
+.dark-mode .accent-olive .dropdown-item:active, .dark-mode .accent-olive .dropdown-item.active {
+  background-color: #74c8a3;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #74c8a3;
+  border-color: #3d9970;
+}
+
+.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-olive .custom-select:focus,
+.dark-mode .accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-olive .custom-file-input:focus ~ .custom-file-label {
+  border-color: #cfecdf;
+}
+
+.dark-mode .accent-olive .page-item .page-link {
+  color: #74c8a3;
+}
+
+.dark-mode .accent-olive .page-item.active a,
+.dark-mode .accent-olive .page-item.active .page-link {
+  background-color: #74c8a3;
+  border-color: #74c8a3;
+  color: #fff;
+}
+
+.dark-mode .accent-olive .page-item.disabled a,
+.dark-mode .accent-olive .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-olive .page-item .page-link:hover, .dark-mode .dark-mode.accent-olive .page-item .page-link:focus {
+  color: #87cfaf;
+}
+
+.dark-mode .accent-lime .btn-link,
+.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-lime .nav-tabs .nav-link {
+  color: #67ffa9;
+}
+
+.dark-mode .accent-lime .btn-link:hover,
+.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-lime .nav-tabs .nav-link:hover {
+  color: #1bff7e;
+}
+
+.dark-mode .accent-lime .dropdown-item:active, .dark-mode .accent-lime .dropdown-item.active {
+  background-color: #67ffa9;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #67ffa9;
+  border-color: #01ff70;
+}
+
+.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-lime .custom-select:focus,
+.dark-mode .accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-lime .custom-file-input:focus ~ .custom-file-label {
+  border-color: #e7fff1;
+}
+
+.dark-mode .accent-lime .page-item .page-link {
+  color: #67ffa9;
+}
+
+.dark-mode .accent-lime .page-item.active a,
+.dark-mode .accent-lime .page-item.active .page-link {
+  background-color: #67ffa9;
+  border-color: #67ffa9;
+  color: #fff;
+}
+
+.dark-mode .accent-lime .page-item.disabled a,
+.dark-mode .accent-lime .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-lime .page-item .page-link:hover, .dark-mode .dark-mode.accent-lime .page-item .page-link:focus {
+  color: #81ffb8;
+}
+
+.dark-mode .accent-fuchsia .btn-link,
+.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-fuchsia .nav-tabs .nav-link {
+  color: #f672d8;
+}
+
+.dark-mode .accent-fuchsia .btn-link:hover,
+.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-fuchsia .nav-tabs .nav-link:hover {
+  color: #f22ac5;
+}
+
+.dark-mode .accent-fuchsia .dropdown-item:active, .dark-mode .accent-fuchsia .dropdown-item.active {
+  background-color: #f672d8;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f672d8;
+  border-color: #f012be;
+}
+
+.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-fuchsia .custom-select:focus,
+.dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-fuchsia .custom-file-input:focus ~ .custom-file-label {
+  border-color: #feeaf9;
+}
+
+.dark-mode .accent-fuchsia .page-item .page-link {
+  color: #f672d8;
+}
+
+.dark-mode .accent-fuchsia .page-item.active a,
+.dark-mode .accent-fuchsia .page-item.active .page-link {
+  background-color: #f672d8;
+  border-color: #f672d8;
+  color: #fff;
+}
+
+.dark-mode .accent-fuchsia .page-item.disabled a,
+.dark-mode .accent-fuchsia .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus {
+  color: #f88adf;
+}
+
+.dark-mode .accent-maroon .btn-link,
+.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-maroon .nav-tabs .nav-link {
+  color: #ed6c9b;
+}
+
+.dark-mode .accent-maroon .btn-link:hover,
+.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-maroon .nav-tabs .nav-link:hover {
+  color: #e4286d;
+}
+
+.dark-mode .accent-maroon .dropdown-item:active, .dark-mode .accent-maroon .dropdown-item.active {
+  background-color: #ed6c9b;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #ed6c9b;
+  border-color: #d81b60;
+}
+
+.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-maroon .custom-select:focus,
+.dark-mode .accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-maroon .custom-file-input:focus ~ .custom-file-label {
+  border-color: #fbdee8;
+}
+
+.dark-mode .accent-maroon .page-item .page-link {
+  color: #ed6c9b;
+}
+
+.dark-mode .accent-maroon .page-item.active a,
+.dark-mode .accent-maroon .page-item.active .page-link {
+  background-color: #ed6c9b;
+  border-color: #ed6c9b;
+  color: #fff;
+}
+
+.dark-mode .accent-maroon .page-item.disabled a,
+.dark-mode .accent-maroon .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode .dark-mode.accent-maroon .page-item .page-link:focus {
+  color: #f083ab;
+}
+
+.dark-mode .accent-blue .btn-link,
+.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-blue .nav-tabs .nav-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-blue .btn-link:hover,
+.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-blue .nav-tabs .nav-link:hover {
+  color: #28415c;
+}
+
+.dark-mode .accent-blue .dropdown-item:active, .dark-mode .accent-blue .dropdown-item.active {
+  background-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3f6791;
+  border-color: #20344a;
+}
+
+.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-blue .custom-select:focus,
+.dark-mode .accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-blue .custom-file-input:focus ~ .custom-file-label {
+  border-color: #85a7ca;
+}
+
+.dark-mode .accent-blue .page-item .page-link {
+  color: #3f6791;
+}
+
+.dark-mode .accent-blue .page-item.active a,
+.dark-mode .accent-blue .page-item.active .page-link {
+  background-color: #3f6791;
+  border-color: #3f6791;
+  color: #fff;
+}
+
+.dark-mode .accent-blue .page-item.disabled a,
+.dark-mode .accent-blue .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-blue .page-item .page-link:hover, .dark-mode .dark-mode.accent-blue .page-item .page-link:focus {
+  color: #4774a3;
+}
+
+.dark-mode .accent-indigo .btn-link,
+.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-indigo .nav-tabs .nav-link {
+  color: #6610f2;
+}
+
+.dark-mode .accent-indigo .btn-link:hover,
+.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-indigo .nav-tabs .nav-link:hover {
+  color: #4709ac;
+}
+
+.dark-mode .accent-indigo .dropdown-item:active, .dark-mode .accent-indigo .dropdown-item.active {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6610f2;
+  border-color: #3d0894;
+}
+
+.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-indigo .custom-select:focus,
+.dark-mode .accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-indigo .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b389f9;
+}
+
+.dark-mode .accent-indigo .page-item .page-link {
+  color: #6610f2;
+}
+
+.dark-mode .accent-indigo .page-item.active a,
+.dark-mode .accent-indigo .page-item.active .page-link {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.dark-mode .accent-indigo .page-item.disabled a,
+.dark-mode .accent-indigo .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode .dark-mode.accent-indigo .page-item .page-link:focus {
+  color: #7528f3;
+}
+
+.dark-mode .accent-purple .btn-link,
+.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-purple .nav-tabs .nav-link {
+  color: #6f42c1;
+}
+
+.dark-mode .accent-purple .btn-link:hover,
+.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-purple .nav-tabs .nav-link:hover {
+  color: #4e2d89;
+}
+
+.dark-mode .accent-purple .dropdown-item:active, .dark-mode .accent-purple .dropdown-item.active {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6f42c1;
+  border-color: #432776;
+}
+
+.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-purple .custom-select:focus,
+.dark-mode .accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-purple .custom-file-input:focus ~ .custom-file-label {
+  border-color: #b8a2e0;
+}
+
+.dark-mode .accent-purple .page-item .page-link {
+  color: #6f42c1;
+}
+
+.dark-mode .accent-purple .page-item.active a,
+.dark-mode .accent-purple .page-item.active .page-link {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.dark-mode .accent-purple .page-item.disabled a,
+.dark-mode .accent-purple .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-purple .page-item .page-link:hover, .dark-mode .dark-mode.accent-purple .page-item .page-link:focus {
+  color: #7e55c7;
+}
+
+.dark-mode .accent-pink .btn-link,
+.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-pink .nav-tabs .nav-link {
+  color: #e83e8c;
+}
+
+.dark-mode .accent-pink .btn-link:hover,
+.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-pink .nav-tabs .nav-link:hover {
+  color: #c21766;
+}
+
+.dark-mode .accent-pink .dropdown-item:active, .dark-mode .accent-pink .dropdown-item.active {
+  background-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e83e8c;
+  border-color: #ac145a;
+}
+
+.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-pink .custom-select:focus,
+.dark-mode .accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-pink .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f6b0d0;
+}
+
+.dark-mode .accent-pink .page-item .page-link {
+  color: #e83e8c;
+}
+
+.dark-mode .accent-pink .page-item.active a,
+.dark-mode .accent-pink .page-item.active .page-link {
+  background-color: #e83e8c;
+  border-color: #e83e8c;
+  color: #fff;
+}
+
+.dark-mode .accent-pink .page-item.disabled a,
+.dark-mode .accent-pink .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-pink .page-item .page-link:hover, .dark-mode .dark-mode.accent-pink .page-item .page-link:focus {
+  color: #eb559a;
+}
+
+.dark-mode .accent-red .btn-link,
+.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-red .nav-tabs .nav-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-red .btn-link:hover,
+.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-red .nav-tabs .nav-link:hover {
+  color: #bf2718;
+}
+
+.dark-mode .accent-red .dropdown-item:active, .dark-mode .accent-red .dropdown-item.active {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #e74c3c;
+  border-color: #a82315;
+}
+
+.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-red .custom-select:focus,
+.dark-mode .accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-red .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f5b4ae;
+}
+
+.dark-mode .accent-red .page-item .page-link {
+  color: #e74c3c;
+}
+
+.dark-mode .accent-red .page-item.active a,
+.dark-mode .accent-red .page-item.active .page-link {
+  background-color: #e74c3c;
+  border-color: #e74c3c;
+  color: #fff;
+}
+
+.dark-mode .accent-red .page-item.disabled a,
+.dark-mode .accent-red .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-red .page-item .page-link:hover, .dark-mode .dark-mode.accent-red .page-item .page-link:focus {
+  color: #ea6153;
+}
+
+.dark-mode .accent-orange .btn-link,
+.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-orange .nav-tabs .nav-link {
+  color: #fd7e14;
+}
+
+.dark-mode .accent-orange .btn-link:hover,
+.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-orange .nav-tabs .nav-link:hover {
+  color: #c35a02;
+}
+
+.dark-mode .accent-orange .dropdown-item:active, .dark-mode .accent-orange .dropdown-item.active {
+  background-color: #fd7e14;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fd7e14;
+  border-color: #aa4e01;
+}
+
+.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-orange .custom-select:focus,
+.dark-mode .accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-orange .custom-file-input:focus ~ .custom-file-label {
+  border-color: #fec392;
+}
+
+.dark-mode .accent-orange .page-item .page-link {
+  color: #fd7e14;
+}
+
+.dark-mode .accent-orange .page-item.active a,
+.dark-mode .accent-orange .page-item.active .page-link {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #fff;
+}
+
+.dark-mode .accent-orange .page-item.disabled a,
+.dark-mode .accent-orange .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-orange .page-item .page-link:hover, .dark-mode .dark-mode.accent-orange .page-item .page-link:focus {
+  color: #fd8c2d;
+}
+
+.dark-mode .accent-yellow .btn-link,
+.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-yellow .nav-tabs .nav-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-yellow .btn-link:hover,
+.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-yellow .nav-tabs .nav-link:hover {
+  color: #b06f09;
+}
+
+.dark-mode .accent-yellow .dropdown-item:active, .dark-mode .accent-yellow .dropdown-item.active {
+  background-color: #f39c12;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #f39c12;
+  border-color: #976008;
+}
+
+.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-yellow .custom-select:focus,
+.dark-mode .accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-yellow .custom-file-input:focus ~ .custom-file-label {
+  border-color: #f9cf8b;
+}
+
+.dark-mode .accent-yellow .page-item .page-link {
+  color: #f39c12;
+}
+
+.dark-mode .accent-yellow .page-item.active a,
+.dark-mode .accent-yellow .page-item.active .page-link {
+  background-color: #f39c12;
+  border-color: #f39c12;
+  color: #fff;
+}
+
+.dark-mode .accent-yellow .page-item.disabled a,
+.dark-mode .accent-yellow .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode .dark-mode.accent-yellow .page-item .page-link:focus {
+  color: #f4a62a;
+}
+
+.dark-mode .accent-green .btn-link,
+.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-green .nav-tabs .nav-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-green .btn-link:hover,
+.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-green .nav-tabs .nav-link:hover {
+  color: #007053;
+}
+
+.dark-mode .accent-green .dropdown-item:active, .dark-mode .accent-green .dropdown-item.active {
+  background-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #00bc8c;
+  border-color: #005640;
+}
+
+.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-green .custom-select:focus,
+.dark-mode .accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-green .custom-file-input:focus ~ .custom-file-label {
+  border-color: #3dffcd;
+}
+
+.dark-mode .accent-green .page-item .page-link {
+  color: #00bc8c;
+}
+
+.dark-mode .accent-green .page-item.active a,
+.dark-mode .accent-green .page-item.active .page-link {
+  background-color: #00bc8c;
+  border-color: #00bc8c;
+  color: #fff;
+}
+
+.dark-mode .accent-green .page-item.disabled a,
+.dark-mode .accent-green .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-green .page-item .page-link:hover, .dark-mode .dark-mode.accent-green .page-item .page-link:focus {
+  color: #00d69f;
+}
+
+.dark-mode .accent-teal .btn-link,
+.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-teal .nav-tabs .nav-link {
+  color: #20c997;
+}
+
+.dark-mode .accent-teal .btn-link:hover,
+.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-teal .nav-tabs .nav-link:hover {
+  color: #158765;
+}
+
+.dark-mode .accent-teal .dropdown-item:active, .dark-mode .accent-teal .dropdown-item.active {
+  background-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #20c997;
+  border-color: #127155;
+}
+
+.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-teal .custom-select:focus,
+.dark-mode .accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-teal .custom-file-input:focus ~ .custom-file-label {
+  border-color: #7eeaca;
+}
+
+.dark-mode .accent-teal .page-item .page-link {
+  color: #20c997;
+}
+
+.dark-mode .accent-teal .page-item.active a,
+.dark-mode .accent-teal .page-item.active .page-link {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.dark-mode .accent-teal .page-item.disabled a,
+.dark-mode .accent-teal .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-teal .page-item .page-link:hover, .dark-mode .dark-mode.accent-teal .page-item .page-link:focus {
+  color: #26dca6;
+}
+
+.dark-mode .accent-cyan .btn-link,
+.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-cyan .nav-tabs .nav-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-cyan .btn-link:hover,
+.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-cyan .nav-tabs .nav-link:hover {
+  color: #1d6fa5;
+}
+
+.dark-mode .accent-cyan .dropdown-item:active, .dark-mode .accent-cyan .dropdown-item.active {
+  background-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #3498db;
+  border-color: #196090;
+}
+
+.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-cyan .custom-select:focus,
+.dark-mode .accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-cyan .custom-file-input:focus ~ .custom-file-label {
+  border-color: #a0cfee;
+}
+
+.dark-mode .accent-cyan .page-item .page-link {
+  color: #3498db;
+}
+
+.dark-mode .accent-cyan .page-item.active a,
+.dark-mode .accent-cyan .page-item.active .page-link {
+  background-color: #3498db;
+  border-color: #3498db;
+  color: #fff;
+}
+
+.dark-mode .accent-cyan .page-item.disabled a,
+.dark-mode .accent-cyan .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode .dark-mode.accent-cyan .page-item .page-link:focus {
+  color: #4aa3df;
+}
+
+.dark-mode .accent-white .btn-link,
+.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-white .nav-tabs .nav-link {
+  color: #fff;
+}
+
+.dark-mode .accent-white .btn-link:hover,
+.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-white .nav-tabs .nav-link:hover {
+  color: #d9d9d9;
+}
+
+.dark-mode .accent-white .dropdown-item:active, .dark-mode .accent-white .dropdown-item.active {
+  background-color: #fff;
+  color: #1f2d3d;
+}
+
+.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cccccc;
+}
+
+.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-white .custom-select:focus,
+.dark-mode .accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-white .custom-file-input:focus ~ .custom-file-label {
+  border-color: white;
+}
+
+.dark-mode .accent-white .page-item .page-link {
+  color: #fff;
+}
+
+.dark-mode .accent-white .page-item.active a,
+.dark-mode .accent-white .page-item.active .page-link {
+  background-color: #fff;
+  border-color: #fff;
+  color: #fff;
+}
+
+.dark-mode .accent-white .page-item.disabled a,
+.dark-mode .accent-white .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-white .page-item .page-link:hover, .dark-mode .dark-mode.accent-white .page-item .page-link:focus {
+  color: white;
+}
+
+.dark-mode .accent-gray .btn-link,
+.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-gray .nav-tabs .nav-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray .btn-link:hover,
+.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-gray .nav-tabs .nav-link:hover {
+  color: #494f54;
+}
+
+.dark-mode .accent-gray .dropdown-item:active, .dark-mode .accent-gray .dropdown-item.active {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #6c757d;
+  border-color: #3d4246;
+}
+
+.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-gray .custom-select:focus,
+.dark-mode .accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-gray .custom-file-input:focus ~ .custom-file-label {
+  border-color: #afb5ba;
+}
+
+.dark-mode .accent-gray .page-item .page-link {
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray .page-item.active a,
+.dark-mode .accent-gray .page-item.active .page-link {
+  background-color: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+.dark-mode .accent-gray .page-item.disabled a,
+.dark-mode .accent-gray .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-gray .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray .page-item .page-link:focus {
+  color: #78828a;
+}
+
+.dark-mode .accent-gray-dark .btn-link,
+.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
+.dark-mode .accent-gray-dark .nav-tabs .nav-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray-dark .btn-link:hover,
+.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
+.dark-mode .accent-gray-dark .nav-tabs .nav-link:hover {
+  color: #121416;
+}
+
+.dark-mode .accent-gray-dark .dropdown-item:active, .dark-mode .accent-gray-dark .dropdown-item.active {
+  background-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #343a40;
+  border-color: #060708;
+}
+
+.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
+.dark-mode .accent-gray-dark .custom-select:focus,
+.dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
+.dark-mode .accent-gray-dark .custom-file-input:focus ~ .custom-file-label {
+  border-color: #6d7a86;
+}
+
+.dark-mode .accent-gray-dark .page-item .page-link {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray-dark .page-item.active a,
+.dark-mode .accent-gray-dark .page-item.active .page-link {
+  background-color: #343a40;
+  border-color: #343a40;
+  color: #fff;
+}
+
+.dark-mode .accent-gray-dark .page-item.disabled a,
+.dark-mode .accent-gray-dark .page-item.disabled .page-link {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #c2c7d0;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #fff;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
+  color: #343a40;
+}
+
+.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
+  color: #212529;
+}
+
+.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus {
+  color: #3f474e;
+}
+
+.dark-mode .border-dark {
+  border-color: #4b545c !important;
+}
 
 /*!
  * Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
diff --git a/public/css/dist/skins/_all-skins.css b/public/css/dist/skins/_all-skins.css
new file mode 100644
index 0000000000..c4d2130f99
--- /dev/null
+++ b/public/css/dist/skins/_all-skins.css
@@ -0,0 +1,5408 @@
+/*
+ * Skin: Black
+ * ----------
+ */
+.skin-black .main-header .navbar {
+  background-color: #111;
+}
+.skin-black .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-black .main-header .navbar .nav > li > a:hover,
+.skin-black .main-header .navbar .nav > li > a:active,
+.skin-black .main-header .navbar .nav > li > a:focus,
+.skin-black .main-header .navbar .nav .open > a,
+.skin-black .main-header .navbar .nav .open > a:hover,
+.skin-black .main-header .navbar .nav .open > a:focus,
+.skin-black .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-black .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-black .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black .main-header .navbar .sidebar-toggle:hover {
+  background-color: #040404;
+}
+@media (max-width: 767px) {
+  .skin-black .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-black .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-black .main-header .navbar .dropdown-menu li a:hover {
+    background: #040404;
+  }
+}
+.skin-black .main-header li.user-header {
+  background-color: #111;
+}
+.skin-black .content-header {
+  background: transparent;
+}
+.skin-black .wrapper,
+.skin-black .main-sidebar,
+.skin-black .left-side {
+  background-color: #222d32;
+}
+.skin-black .user-panel > .info,
+.skin-black .user-panel > .info > a {
+  color: #fff;
+}
+.skin-black .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-black .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-black .sidebar-menu > li:hover > a,
+.skin-black .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #111;
+}
+.skin-black .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-black .sidebar a {
+  color: #b8c7ce;
+}
+.skin-black .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-black .treeview-menu > li.active > a,
+.skin-black .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-black .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-black .sidebar-form input[type="text"],
+.skin-black .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-black .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-black .sidebar-form input[type="text"]:focus,
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-black .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-black.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #000;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #505156;
+  border-color: #FFF;
+  color: #FFF;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #111;
+  border-color: #1f1f21;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  color: #fff;
+}
+.btn.btn-white:visited,
+.btn:hover.btn-white:visited {
+  color: #fff;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #000000;
+}
+:root {
+  --button-default: #000000;
+  --button-primary: #000000;
+  --button-hover: #000000;
+  --header: #111;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #black;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #111;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #999999;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.btn-danger.btn-sm.disabled {
+  color: #FFF;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.sidebar-toggle-mobile {
+  color: #FFF !important;
+}
+.skin-black .main-header .navbar .nav > li > a,
+.skin-black .main-header .navbar .nav > li > a {
+  text-decoration: none;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #111;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: black dark
+ * ----------
+ */
+.skin-black-dark .main-header .navbar {
+  background-color: #111;
+}
+.skin-black-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-black-dark .main-header .navbar .nav > li > a:hover,
+.skin-black-dark .main-header .navbar .nav > li > a:active,
+.skin-black-dark .main-header .navbar .nav > li > a:focus,
+.skin-black-dark .main-header .navbar .nav .open > a,
+.skin-black-dark .main-header .navbar .nav .open > a:hover,
+.skin-black-dark .main-header .navbar .nav .open > a:focus,
+.skin-black-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #040404;
+}
+@media (max-width: 767px) {
+  .skin-black-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-black-dark .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-black-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #040404;
+    color: #fff;
+  }
+}
+@media (max-width: 991px) {
+  .skin-black-dark .main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+    background-color: var(--back-sub);
+  }
+}
+.skin-black-dark .main-header li.user-header {
+  background-color: #111;
+}
+.skin-black-dark .content-header {
+  background: transparent;
+}
+.skin-black-dark .wrapper,
+.skin-black-dark .main-sidebar,
+.skin-black-dark .left-side {
+  background-color: #222d32;
+}
+.skin-black-dark .user-panel > .info,
+.skin-black-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-black-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-black-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-black-dark .sidebar-menu > li:hover > a,
+.skin-black-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #111;
+}
+.skin-black-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-black-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-black-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-black-dark .treeview-menu > li.active > a,
+.skin-black-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-black-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-black-dark .sidebar-form input[type="text"],
+.skin-black-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-black-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-black-dark .sidebar-form input[type="text"]:focus,
+.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-black-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-black-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #000000;
+  border-color: #FFF;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #000000;
+  border-color: #000000;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #000000;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000000;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: #fff;
+}
+a:visited {
+  color: #fff;
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #000000;
+  --button-primary: #000000;
+  --button-hover: #000000;
+  --header: #111;
+  /* Use same as Header picker */
+  --text-main: #fff;
+  --text-sub: #9b9b9b;
+  --link: #fff;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #fff;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #949494;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+a:hover > h2.task_menu {
+  color: var(--header);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li.header {
+  background-color: var(--header);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+/* Trying to figure out a way of having links different shades based on what row they are on (even/odd).
+a unique challenge for this dark mode skin.
+Probably writing the specificity for this incorrectly. --Godfrey Martinez 02/04/21
+
+.table-striped>tbody>tr:nth-of-type(even)>a:link{
+  color:#000d07;
+}
+.table-striped>tbody>tr:nth-of-type(odd)>a:link{
+  color:#bfbfbf;
+
+}*/
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--nav-link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-black {
+  color: var(--nav-link) !important;
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+  color: var(--link) !important;
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: var(--back-sub) !important;
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--nav-link);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--back-sub);
+  color: var(--visited-link);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-black-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-black-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #000000;
+}
+.fixed-table-body thead th .th-inner,
+.skin-black-dark .sidebar-menu > li.active > a,
+.skin-black .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+div.container.row-new-striped {
+  background-color: var(--back-sub);
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: var(--back-sub);
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Blue
+ * ----------
+ */
+.skin-blue .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .nav > li > a:hover,
+.skin-blue .main-header .navbar .nav > li > a:active,
+.skin-blue .main-header .navbar .nav > li > a:focus,
+.skin-blue .main-header .navbar .nav .open > a,
+.skin-blue .main-header .navbar .nav .open > a:hover,
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.skin-blue .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue .content-header {
+  background: transparent;
+}
+.skin-blue .wrapper,
+.skin-blue .main-sidebar,
+.skin-blue .left-side {
+  background-color: #222d32;
+}
+.skin-blue .user-panel > .info,
+.skin-blue .user-panel > .info > a {
+  color: #fff;
+}
+.skin-blue .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-blue .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-blue .sidebar-menu > li:hover > a,
+.skin-blue .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #3c8dbc;
+}
+.skin-blue .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-blue .sidebar a {
+  color: #b8c7ce;
+}
+.skin-blue .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-blue .treeview-menu > li.active > a,
+.skin-blue .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-blue .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-blue .sidebar-form input[type="text"],
+.skin-blue .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-blue .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue .sidebar-form input[type="text"]:focus,
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: unset;
+}
+.btn.btn-primary,
+btn-sm.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+btn-sm .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #307095;
+  border-color: #23536f;
+  color: #fff !important;
+}
+.btna.btn-primary:hover,
+btn-sma.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #23536f;
+  border-color: #23536f;
+  color: #fff;
+}
+.btn.btn-white:link,
+btn-sm.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #307095;
+  color: #fff;
+}
+.btn.btn-white:hover,
+btn-sm.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #173648;
+  color: #fff;
+}
+.btn.btn-white:visited,
+btn-sm.btn-white:visited,
+.btn:hover.btn-white:visited {
+  background-color: #173648;
+  color: #fff;
+}
+.btn-warning,
+.btn-warning:link,
+a.btn-warning:hover,
+.btn-warning:link,
+.btn-warning:visited,
+.btn-danger,
+.btn-danger:link,
+a.btn-danger:hover,
+.btn-danger:link,
+.btn-danger:visited {
+  color: #fff;
+}
+.btn-default:link,
+a.btn-default:hover,
+.btn-default:visited {
+  color: #505156;
+}
+:root {
+  --button-default: #505156;
+  --button-primary: #1d455b;
+  --button-hover: #173648;
+  --header: #3c8dbc;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #296282;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #5fa4cc;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #86bad8;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+.text-primary {
+  color: #23536f;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3c8dbc;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+a.settings_button:link,
+a.settings_button:visited,
+a.settings_button:hover {
+  color: #3c8dbc;
+}
+/*
+ * Skin: blue dark
+ * ----------
+ */
+.skin-blue-dark .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-blue-dark .main-header .navbar .nav > li > a:hover,
+.skin-blue-dark .main-header .navbar .nav > li > a:active,
+.skin-blue-dark .main-header .navbar .nav > li > a:focus,
+.skin-blue-dark .main-header .navbar .nav .open > a,
+.skin-blue-dark .main-header .navbar .nav .open > a:hover,
+.skin-blue-dark .main-header .navbar .nav .open > a:focus,
+.skin-blue-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-blue-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-blue-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+    color: #fff;
+  }
+}
+.skin-blue-dark .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue-dark .content-header {
+  background: transparent;
+}
+.skin-blue-dark .wrapper,
+.skin-blue-dark .main-sidebar,
+.skin-blue-dark .left-side {
+  background-color: #222d32;
+}
+.skin-blue-dark .user-panel > .info,
+.skin-blue-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-blue-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-blue-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-blue-dark .sidebar-menu > li:hover > a,
+.skin-blue-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #3c8dbc;
+}
+.skin-blue-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-blue-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-blue-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-blue-dark .treeview-menu > li.active > a,
+.skin-blue-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-blue-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-blue-dark .sidebar-form input[type="text"],
+.skin-blue-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-blue-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue-dark .sidebar-form input[type="text"]:focus,
+.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #307095;
+  border-color: #FFF;
+  color: #FFF;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #23536f;
+  border-color: #23536f;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #307095;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #173648;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #272727;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #296282;
+  --button-primary: #1d455b;
+  --button-hover: #173648;
+  --header: #3c8dbc;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #00BFFF;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #4dd2ff;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #99e5ff;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-blue {
+  color: var(--text-main);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-blue-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-blue-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #3c8dbc;
+}
+.fixed-table-body thead th .th-inner,
+.skin-blue-dark .sidebar-menu > li.active > a,
+.skin-blue .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--visited-link);
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Contrast
+ * ----------
+ */
+.skin-contrast .main-header .navbar {
+  background-color: #001F3F;
+}
+.skin-contrast .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-contrast .main-header .navbar .nav > li > a:hover,
+.skin-contrast .main-header .navbar .nav > li > a:active,
+.skin-contrast .main-header .navbar .nav > li > a:focus,
+.skin-contrast .main-header .navbar .nav .open > a,
+.skin-contrast .main-header .navbar .nav .open > a:hover,
+.skin-contrast .main-header .navbar .nav .open > a:focus,
+.skin-contrast .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-contrast .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-contrast .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-contrast .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-contrast .main-header .navbar .sidebar-toggle:hover {
+  background-color: #001226;
+}
+@media (max-width: 767px) {
+  .skin-contrast .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-contrast .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-contrast .main-header .navbar .dropdown-menu li a:hover {
+    background: #001226;
+  }
+}
+.skin-contrast .main-header li.user-header {
+  background-color: #001F3F;
+}
+.skin-contrast .content-header {
+  background: transparent;
+}
+.skin-contrast .wrapper,
+.skin-contrast .main-sidebar,
+.skin-contrast .left-side {
+  background-color: #222d32;
+}
+.skin-contrast .user-panel > .info,
+.skin-contrast .user-panel > .info > a {
+  color: #fff;
+}
+.skin-contrast .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-contrast .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-contrast .sidebar-menu > li:hover > a,
+.skin-contrast .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #001F3F;
+}
+.skin-contrast .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-contrast .sidebar a {
+  color: #b8c7ce;
+}
+.skin-contrast .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-contrast .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-contrast .treeview-menu > li.active > a,
+.skin-contrast .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-contrast .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-contrast .sidebar-form input[type="text"],
+.skin-contrast .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-contrast .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-contrast .sidebar-form input[type="text"]:focus,
+.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-contrast .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-contrast.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #00060c;
+  border-color: #000000;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #000000;
+  border-color: #000000;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #00060c;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000000;
+  color: #fff;
+}
+a.btn.btn-link.text-left {
+  color: #001F3F;
+  border: 1px solid #000;
+}
+a.btn.btn-link.text-left:hover {
+  color: #001F3F;
+}
+a {
+  color: #001F3F;
+}
+a:hover {
+  color: #001F3F;
+  text-decoration: underline;
+}
+a:visited {
+  color: #001F3F;
+}
+a.btn:hover {
+  color: #fff;
+  text-decoration: underline;
+}
+.text-primary {
+  color: #000000;
+}
+.skin-contrast .treeview-menu > li > a {
+  color: #FFF;
+}
+.bg-teal {
+  background-color: #1b6a6a !important;
+}
+.bg-orange {
+  background-color: #995400 !important;
+}
+.bg-purple {
+  background-color: #3a3767 !important;
+}
+.bg-maroon {
+  background-color: #7d1038 !important;
+}
+.pagination > li > a {
+  color: #00060c !important;
+}
+.pagination > .active > a {
+  background-color: #001F3F;
+  color: #FFF !important;
+}
+btn-success {
+  background-color: #000d07;
+}
+input::-webkit-input-placeholder {
+  /* Chrome/Opera/Safari */
+  color: #b5bbc8 !important;
+}
+input::-moz-placeholder {
+  /* Firefox 19+ */
+  color: #b5bbc8 !important;
+}
+input::-ms-input-placeholder {
+  /* IE 10+ */
+  color: #b5bbc8 !important;
+}
+.select2-default,
+.select2-selection__placeholder {
+  color: #37383c !important;
+}
+.callout.callout-info {
+  background-color: #23536f !important;
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: Green
+ * ----------
+ */
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #005a31;
+  --button-primary: #002715;
+  --button-hover: #000d07;
+  --header: #00a65a;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #00a65a;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #00f383;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #0dff90;
+}
+.skin-green .main-header .navbar {
+  background-color: #00a65a;
+}
+.skin-green .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-green .main-header .navbar .nav > li > a:hover,
+.skin-green .main-header .navbar .nav > li > a:active,
+.skin-green .main-header .navbar .nav > li > a:focus,
+.skin-green .main-header .navbar .nav .open > a,
+.skin-green .main-header .navbar .nav .open > a:hover,
+.skin-green .main-header .navbar .nav .open > a:focus,
+.skin-green .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-green .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-green .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green .main-header .navbar .sidebar-toggle:hover {
+  background-color: #008d4c;
+}
+@media (max-width: 767px) {
+  .skin-green .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-green .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-green .main-header .navbar .dropdown-menu li a:hover {
+    background: #008d4c;
+  }
+}
+.skin-green .main-header li.user-header {
+  background-color: #00a65a;
+}
+.skin-green .content-header {
+  background: transparent;
+}
+.skin-green .wrapper,
+.skin-green .main-sidebar,
+.skin-green .left-side {
+  background-color: #222d32;
+}
+.skin-green .user-panel > .info,
+.skin-green .user-panel > .info > a {
+  color: #fff;
+}
+.skin-green .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-green .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-green .sidebar-menu > li:hover > a,
+.skin-green .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #00a65a;
+}
+.skin-green .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-green .sidebar a {
+  color: #b8c7ce;
+}
+.skin-green .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-green .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-green .treeview-menu > li.active > a,
+.skin-green .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-green .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-green .sidebar-form input[type="text"],
+.skin-green .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-green .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-green .sidebar-form input[type="text"]:focus,
+.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-green .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-green.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #00733e;
+  border-color: #004023;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #004023;
+  border-color: #004023;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #00733e;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000d07;
+  color: #fff;
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a {
+  color: #00a65a;
+}
+a:hover {
+  color: #004023;
+}
+a:visited {
+  color: #00a65a;
+}
+.text-primary {
+  color: #004023;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #00a65a;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: green dark
+ * ----------
+ */
+.skin-green-dark .main-header .navbar {
+  background-color: #00a65a;
+}
+.skin-green-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-green-dark .main-header .navbar .nav > li > a:hover,
+.skin-green-dark .main-header .navbar .nav > li > a:active,
+.skin-green-dark .main-header .navbar .nav > li > a:focus,
+.skin-green-dark .main-header .navbar .nav .open > a,
+.skin-green-dark .main-header .navbar .nav .open > a:hover,
+.skin-green-dark .main-header .navbar .nav .open > a:focus,
+.skin-green-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #008d4c;
+}
+@media (max-width: 767px) {
+  .skin-green-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-green-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-green-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #008d4c;
+    color: #fff;
+  }
+}
+.skin-green-dark .main-header li.user-header {
+  background-color: #00a65a;
+}
+.skin-green-dark .content-header {
+  background: transparent;
+}
+.skin-green-dark .wrapper,
+.skin-green-dark .main-sidebar,
+.skin-green-dark .left-side {
+  background-color: #222d32;
+}
+.skin-green-dark .user-panel > .info,
+.skin-green-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-green-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-green-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-green-dark .sidebar-menu > li:hover > a,
+.skin-green-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #00a65a;
+}
+.skin-green-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-green-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-green-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-green-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-green-dark .treeview-menu > li.active > a,
+.skin-green-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-green-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-green-dark .sidebar-form input[type="text"],
+.skin-green-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-green-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-green-dark .sidebar-form input[type="text"]:focus,
+.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-green-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-green-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #FFF !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #00733e;
+  border-color: #FFF;
+  color: #FFF;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #004023;
+  border-color: #004023;
+  color: #FFF;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #00733e;
+  color: #FFF;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000d07;
+  color: #FFF;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #312F2F;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #006400;
+  --button-primary: #003100;
+  --button-hover: #000000;
+  --header: #006400;
+  /* Use same as Header picker */
+  --text-main: #FFF;
+  --text-sub: #9b9b9b;
+  --link: #9ACD32;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #b8dc70;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #d7ebad;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-green {
+  color: var(--text-main);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-green-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-green-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #006300;
+}
+.fixed-table-body thead th .th-inner,
+.skin-green-dark .sidebar-menu > li.active > a,
+.skin-green .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--visited-link);
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: orange dark
+ * ----------
+ */
+.skin-orange-dark .main-header .navbar {
+  background-color: #FF8C00;
+}
+.skin-orange-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-orange-dark .main-header .navbar .nav > li > a:hover,
+.skin-orange-dark .main-header .navbar .nav > li > a:active,
+.skin-orange-dark .main-header .navbar .nav > li > a:focus,
+.skin-orange-dark .main-header .navbar .nav .open > a,
+.skin-orange-dark .main-header .navbar .nav .open > a:hover,
+.skin-orange-dark .main-header .navbar .nav .open > a:focus,
+.skin-orange-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #e67e00;
+}
+@media (max-width: 767px) {
+  .skin-orange-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-orange-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-orange-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #e67e00;
+    color: #fff;
+  }
+}
+.skin-orange-dark .main-header li.user-header {
+  background-color: #FF8C00;
+}
+.skin-orange-dark .content-header {
+  background: transparent;
+}
+.skin-orange-dark .wrapper,
+.skin-orange-dark .main-sidebar,
+.skin-orange-dark .left-side {
+  background-color: #222d32;
+}
+.skin-orange-dark .user-panel > .info,
+.skin-orange-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-orange-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-orange-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-orange-dark .sidebar-menu > li:hover > a,
+.skin-orange-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #FF8C00;
+}
+.skin-orange-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-orange-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-orange-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-orange-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-orange-dark .treeview-menu > li.active > a,
+.skin-orange-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-orange-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-orange-dark .sidebar-form input[type="text"],
+.skin-orange-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-orange-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-orange-dark .sidebar-form input[type="text"]:focus,
+.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-orange-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-orange-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #cc7000;
+  border-color: #fff;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #995400;
+  border-color: #995400;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #cc7000;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #663800;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #2E2C2C;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #b36200;
+  --button-primary: #804600;
+  --button-hover: #663800;
+  --header: #FF8C00;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #FFA500;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #ffc04d;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffdb99;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--background);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-orange {
+  color: var(--nav-link) !important;
+  border-color: var(--button-primary);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-orange-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-orange-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #ff8c00;
+}
+.fixed-table-body thead th .th-inner,
+.skin-orange-dark .sidebar-menu > li.active > a,
+.skin-orange .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Purple
+ * ----------
+ */
+.skin-purple .main-header .navbar {
+  background-color: #605ca8;
+}
+.skin-purple .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .nav > li > a:hover,
+.skin-purple .main-header .navbar .nav > li > a:active,
+.skin-purple .main-header .navbar .nav > li > a:focus,
+.skin-purple .main-header .navbar .nav .open > a,
+.skin-purple .main-header .navbar .nav .open > a:hover,
+.skin-purple .main-header .navbar .nav .open > a:focus,
+.skin-purple .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-purple .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-purple .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .sidebar-toggle:hover {
+  background-color: #555299;
+}
+@media (max-width: 767px) {
+  .skin-purple .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-purple .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
+    background: #555299;
+  }
+}
+.skin-purple .main-header li.user-header {
+  background-color: #605ca8;
+}
+.skin-purple .content-header {
+  background: transparent;
+}
+.skin-purple .wrapper,
+.skin-purple .main-sidebar,
+.skin-purple .left-side {
+  background-color: #222d32;
+}
+.skin-purple .user-panel > .info,
+.skin-purple .user-panel > .info > a {
+  color: #fff;
+}
+.skin-purple .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-purple .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-purple .sidebar-menu > li:hover > a,
+.skin-purple .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #605ca8;
+}
+.skin-purple .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-purple .sidebar a {
+  color: #b8c7ce;
+}
+.skin-purple .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-purple .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-purple .treeview-menu > li.active > a,
+.skin-purple .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-purple .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-purple .sidebar-form input[type="text"],
+.skin-purple .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-purple .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-purple .sidebar-form input[type="text"]:focus,
+.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-purple .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-purple.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #4c4988;
+  border-color: #3a3767;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #3a3767;
+  border-color: #3a3767;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #4c4988;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #272546;
+  color: #fff;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #3a3767;
+}
+:root {
+  --button-default: #434078;
+  --button-primary: #302e56;
+  --button-hover: #272546;
+  --header: #605ca8;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #605ca8;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #918ec3;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #c1c0dd;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #605ca8;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: purple dark
+ * ----------
+ */
+.skin-purple-dark .main-header .navbar {
+  background-color: #605ca8;
+}
+.skin-purple-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-purple-dark .main-header .navbar .nav > li > a:hover,
+.skin-purple-dark .main-header .navbar .nav > li > a:active,
+.skin-purple-dark .main-header .navbar .nav > li > a:focus,
+.skin-purple-dark .main-header .navbar .nav .open > a,
+.skin-purple-dark .main-header .navbar .nav .open > a:hover,
+.skin-purple-dark .main-header .navbar .nav .open > a:focus,
+.skin-purple-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #555299;
+}
+@media (max-width: 767px) {
+  .skin-purple-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-purple-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-purple-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #555299;
+    color: #fff;
+  }
+}
+.skin-purple-dark .main-header li.user-header {
+  background-color: #605ca8;
+}
+.skin-purple-dark .content-header {
+  background: transparent;
+}
+.skin-purple-dark .wrapper,
+.skin-purple-dark .main-sidebar,
+.skin-purple-dark .left-side {
+  background-color: #222d32;
+}
+.skin-purple-dark .user-panel > .info,
+.skin-purple-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-purple-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-purple-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-purple-dark .sidebar-menu > li:hover > a,
+.skin-purple-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #605ca8;
+}
+.skin-purple-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-purple-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-purple-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-purple-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-purple-dark .treeview-menu > li.active > a,
+.skin-purple-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-purple-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-purple-dark .sidebar-form input[type="text"],
+.skin-purple-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-purple-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-purple-dark .sidebar-form input[type="text"]:focus,
+.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-purple-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-purple-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #4c4988;
+  border-color: #FFF;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #3a3767;
+  border-color: #3a3767;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #4c4988;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #272546;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #080808;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #434078;
+  --button-primary: #302e56;
+  --button-hover: #272546;
+  --header: #605ca8;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #AC83FF;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #dfd0ff;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffffff;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--button-default);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.label-default {
+  background-color: var(--back-sub);
+  color: #fff;
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--nav-link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-purple {
+  color: var(--nav-link) !important;
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-purple-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-purple-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #5f5ca8;
+}
+.fixed-table-body thead th .th-inner,
+.skin-purple-dark .sidebar-menu > li.active > a,
+.skin-purple .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--visited-link);
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Red
+ * ----------
+ */
+.skin-red .main-header .navbar {
+  background-color: #dd4b39;
+}
+.skin-red .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-red .main-header .navbar .nav > li > a:hover,
+.skin-red .main-header .navbar .nav > li > a:active,
+.skin-red .main-header .navbar .nav > li > a:focus,
+.skin-red .main-header .navbar .nav .open > a,
+.skin-red .main-header .navbar .nav .open > a:hover,
+.skin-red .main-header .navbar .nav .open > a:focus,
+.skin-red .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-red .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-red .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red .main-header .navbar .sidebar-toggle:hover {
+  background-color: #d73925;
+}
+@media (max-width: 767px) {
+  .skin-red .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-red .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-red .main-header .navbar .dropdown-menu li a:hover {
+    background: #d73925;
+  }
+}
+.skin-red .main-header li.user-header {
+  background-color: #dd4b39;
+}
+.skin-red .content-header {
+  background: transparent;
+}
+.skin-red .wrapper,
+.skin-red .main-sidebar,
+.skin-red .left-side {
+  background-color: #222d32;
+}
+.skin-red .user-panel > .info,
+.skin-red .user-panel > .info > a {
+  color: #fff;
+}
+.skin-red .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-red .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-red .sidebar-menu > li:hover > a,
+.skin-red .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #dd4b39;
+}
+.skin-red .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-red .sidebar a {
+  color: #b8c7ce;
+}
+.skin-red .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-red .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-red .treeview-menu > li.active > a,
+.skin-red .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-red .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-red .sidebar-form input[type="text"],
+.skin-red .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-red .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-red .sidebar-form input[type="text"]:focus,
+.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-red .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-red.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #c23321;
+  border-color: #96271a;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #96271a;
+  border-color: #96271a;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #c23321;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #6b1c12;
+  color: #fff;
+}
+a {
+  color: #dd4b39;
+}
+a:hover {
+  color: #96271a;
+}
+a:visited {
+  color: #dd4b39;
+}
+.text-primary {
+  color: #96271a;
+}
+:root {
+  --button-default: #ac2d1e;
+  --button-primary: #802216;
+  --button-hover: #6b1c12;
+  --header: #dd4b39;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-alt: #222;
+  --text-sub: #9b9b9b;
+  --link: #dd4b39;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #e8867a;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #f3c2bc;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #dd4b39;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+/*
+ * Skin: red dark
+ * ----------
+ */
+.skin-red-dark .main-header .navbar {
+  background-color: #dd4b39;
+}
+.skin-red-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-red-dark .main-header .navbar .nav > li > a:hover,
+.skin-red-dark .main-header .navbar .nav > li > a:active,
+.skin-red-dark .main-header .navbar .nav > li > a:focus,
+.skin-red-dark .main-header .navbar .nav .open > a,
+.skin-red-dark .main-header .navbar .nav .open > a:hover,
+.skin-red-dark .main-header .navbar .nav .open > a:focus,
+.skin-red-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #d73925;
+}
+@media (max-width: 767px) {
+  .skin-red-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-red-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-red-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #d73925;
+    color: #fff;
+  }
+}
+.skin-red-dark .main-header li.user-header {
+  background-color: #dd4b39;
+}
+.skin-red-dark .content-header {
+  background: transparent;
+}
+.skin-red-dark .wrapper,
+.skin-red-dark .main-sidebar,
+.skin-red-dark .left-side {
+  background-color: #222d32;
+}
+.skin-red-dark .user-panel > .info,
+.skin-red-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-red-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-red-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-red-dark .sidebar-menu > li:hover > a,
+.skin-red-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #dd4b39;
+}
+.skin-red-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-red-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-red-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-red-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-red-dark .treeview-menu > li.active > a,
+.skin-red-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-red-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-red-dark .sidebar-form input[type="text"],
+.skin-red-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-red-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-red-dark .sidebar-form input[type="text"]:focus,
+.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-red-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-red-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #c23321;
+  border-color: #FFF;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #96271a;
+  border-color: #96271a;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #c23321;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #6b1c12;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: #fff;
+}
+a:visited {
+  color: #fff;
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #ac2d1e;
+  --button-primary: #802216;
+  --button-hover: #6b1c12;
+  --header: #dd4b39;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-alt: #222;
+  --text-sub: #9b9b9b;
+  --link: #e00000;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #D24D57;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #D24D57;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--back-sub);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-red {
+  color: var(--button-primary);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-red-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-red-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #c23320;
+}
+.fixed-table-body thead th .th-inner,
+.skin-red-dark .sidebar-menu > li.active > a,
+.skin-red .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+#upload-table tbody > tr.warning > td,
+#upload-table h3,
+#upload-table p {
+  background-color: #fcf8e3;
+  color: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--nav-link);
+}
+a:hover {
+  color: var(--nav-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--nav-link);
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Orange
+ * ----------
+ */
+.skin-orange .main-header .navbar {
+  background-color: #FF8C00;
+}
+.skin-orange .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-orange .main-header .navbar .nav > li > a:hover,
+.skin-orange .main-header .navbar .nav > li > a:active,
+.skin-orange .main-header .navbar .nav > li > a:focus,
+.skin-orange .main-header .navbar .nav .open > a,
+.skin-orange .main-header .navbar .nav .open > a:hover,
+.skin-orange .main-header .navbar .nav .open > a:focus,
+.skin-orange .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-orange .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-orange .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange .main-header .navbar .sidebar-toggle:hover {
+  background-color: #e67e00;
+}
+@media (max-width: 767px) {
+  .skin-orange .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-orange .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-orange .main-header .navbar .dropdown-menu li a:hover {
+    background: #e67e00;
+  }
+}
+.skin-orange .main-header li.user-header {
+  background-color: #FF8C00;
+}
+.skin-orange .content-header {
+  background: transparent;
+}
+.skin-orange .wrapper,
+.skin-orange .main-sidebar,
+.skin-orange .left-side {
+  background-color: #222d32;
+}
+.skin-orange .user-panel > .info,
+.skin-orange .user-panel > .info > a {
+  color: #fff;
+}
+.skin-orange .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-orange .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-orange .sidebar-menu > li:hover > a,
+.skin-orange .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #FF8C00;
+}
+.skin-orange .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-orange .sidebar a {
+  color: #b8c7ce;
+}
+.skin-orange .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-orange .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-orange .treeview-menu > li.active > a,
+.skin-orange .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-orange .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-orange .sidebar-form input[type="text"],
+.skin-orange .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-orange .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-orange .sidebar-form input[type="text"]:focus,
+.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-orange .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-orange.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #cc7000;
+  border-color: #995400;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #995400;
+  border-color: #995400;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #cc7000;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #663800;
+  color: #fff;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #995400;
+}
+:root {
+  --button-default: #b36200;
+  --button-primary: #804600;
+  --button-hover: #663800;
+  --header: #FF8C00;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #FF8C00;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #ffa333;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffaf4d;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #FF8C00;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: Yellow
+ * ----------
+ */
+.skin-yellow .main-header .navbar {
+  background-color: #FBCC34;
+}
+.skin-yellow .main-header .navbar .nav > li > a {
+  color: rgba(255, 255, 255, 0.8);
+}
+.skin-yellow .main-header .navbar .nav > li > a:hover,
+.skin-yellow .main-header .navbar .nav > li > a:active,
+.skin-yellow .main-header .navbar .nav > li > a:focus,
+.skin-yellow .main-header .navbar .nav .open > a,
+.skin-yellow .main-header .navbar .nav .open > a:hover,
+.skin-yellow .main-header .navbar .nav .open > a:focus,
+.skin-yellow .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle {
+  color: rgba(255, 255, 255, 0.8);
+}
+.skin-yellow .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-yellow .main-header .navbar .sidebar-toggle {
+  color: #000;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle:hover {
+  background-color: #fbc61b;
+}
+@media (max-width: 767px) {
+  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-yellow .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
+    background: #fbc61b;
+  }
+}
+.skin-yellow .main-header li.user-header {
+  background-color: #FBCC34;
+}
+.skin-yellow .content-header {
+  background: transparent;
+}
+.skin-yellow .wrapper,
+.skin-yellow .main-sidebar,
+.skin-yellow .left-side {
+  background-color: #222d32;
+}
+.skin-yellow .user-panel > .info,
+.skin-yellow .user-panel > .info > a {
+  color: #fff;
+}
+.skin-yellow .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-yellow .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-yellow .sidebar-menu > li:hover > a,
+.skin-yellow .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #FBCC34;
+}
+.skin-yellow .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-yellow .sidebar a {
+  color: #b8c7ce;
+}
+.skin-yellow .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-yellow .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-yellow .treeview-menu > li.active > a,
+.skin-yellow .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-yellow .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-yellow .sidebar-form input[type="text"],
+.skin-yellow .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-yellow .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-yellow .sidebar-form input[type="text"]:focus,
+.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-yellow .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-yellow.layout-top-nav .main-header > .logo .logo-variant {
+  color: #413F42;
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #f7be05;
+  border-color: #c59704;
+  color: var(--nav-link);
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #c59704;
+  border-color: #c59704;
+  color: var(--nav-link);
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #f7be05;
+  color: var(--nav-link);
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #937103;
+  color: var(--nav-link);
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #c59704;
+}
+:root {
+  --button-default: #deab04;
+  --button-primary: #ac8403;
+  --button-hover: #937103;
+  --header: #FBCC34;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #5b585c;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #747176;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #b4b1b5;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #222;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #FBCC34;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.navbar-nav > li > a:visited {
+  color: var(--nav-link);
+}
+:hover {
+  color: var(--nav-link);
+}
+.skin-yellow .main-header .navbar .nav > li > a {
+  color: #413F42;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+/*
+ * Skin: yellow dark
+ * ----------
+ */
+.skin-yellow-dark .main-header .navbar .sidebar-toggle {
+  color: #000 !important;
+}
+.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: var(--link);
+}
+@media (max-width: 767px) {
+  .skin-yellow-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-yellow-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #e08e0b;
+    color: #fff;
+  }
+}
+.skin-yellow-dark .main-header li.user-header {
+  background-color: #f39c12;
+}
+.skin-yellow-dark .content-header {
+  background: transparent;
+}
+.skin-yellow-dark .wrapper,
+.skin-yellow-dark .main-sidebar,
+.skin-yellow-dark .left-side {
+  background-color: #222d32;
+}
+.skin-yellow-dark .user-panel > .info,
+.skin-yellow-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-yellow-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-yellow-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-yellow-dark .sidebar-menu > li:hover > a,
+.skin-yellow-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #f39c12;
+}
+.skin-yellow-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-yellow-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-yellow-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-yellow-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-yellow-dark .treeview-menu > li.active > a,
+.skin-yellow-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-yellow-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-yellow-dark .sidebar-form input[type="text"],
+.skin-yellow-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-yellow-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-yellow-dark .sidebar-form input[type="text"]:focus,
+.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-yellow-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: var(--button-default);
+  border-color: #000000;
+  color: #545454;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: var(--button-hover);
+  border-color: var(--button-hover);
+  color: #545454;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: var(--button-default);
+  color: #545454;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: var(--hover-link);
+  color: #545454;
+}
+a.actions {
+  color: #fff !important;
+}
+a:visited.label-default,
+a:link.label-default {
+  color: #444;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #FFCC32;
+  --button-primary: #b28500;
+  --button-hover: #987200;
+  --header: #FFCC32;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #F0E68C;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #f9f5d0;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffffff;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #222;
+  /* Use same as Header picker */
+  --light-link: #545454;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+.pagination > li > a {
+  color: var(--text-main);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--button-default);
+  border-color: var(--light-link);
+  color: var(--nav-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+a.btn.btn-default {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--text-main);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.navbar-nav > li > a:visited {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: #fff !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--nav-link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-yellow {
+  color: var(--nav-link) !important;
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+  color: var(--nav-link) !important;
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-yellow-dark .main-header .navbar .dropdown-menu li a {
+  color: var(--header);
+}
+.skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #000000;
+}
+tr th div.th-inner {
+  color: #FFFFFF;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+.th-inner {
+  color: var(--nav-link);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+
diff --git a/public/css/dist/skins/_all-skins.min.css b/public/css/dist/skins/_all-skins.min.css
new file mode 100644
index 0000000000..c4d2130f99
--- /dev/null
+++ b/public/css/dist/skins/_all-skins.min.css
@@ -0,0 +1,5408 @@
+/*
+ * Skin: Black
+ * ----------
+ */
+.skin-black .main-header .navbar {
+  background-color: #111;
+}
+.skin-black .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-black .main-header .navbar .nav > li > a:hover,
+.skin-black .main-header .navbar .nav > li > a:active,
+.skin-black .main-header .navbar .nav > li > a:focus,
+.skin-black .main-header .navbar .nav .open > a,
+.skin-black .main-header .navbar .nav .open > a:hover,
+.skin-black .main-header .navbar .nav .open > a:focus,
+.skin-black .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-black .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-black .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black .main-header .navbar .sidebar-toggle:hover {
+  background-color: #040404;
+}
+@media (max-width: 767px) {
+  .skin-black .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-black .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-black .main-header .navbar .dropdown-menu li a:hover {
+    background: #040404;
+  }
+}
+.skin-black .main-header li.user-header {
+  background-color: #111;
+}
+.skin-black .content-header {
+  background: transparent;
+}
+.skin-black .wrapper,
+.skin-black .main-sidebar,
+.skin-black .left-side {
+  background-color: #222d32;
+}
+.skin-black .user-panel > .info,
+.skin-black .user-panel > .info > a {
+  color: #fff;
+}
+.skin-black .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-black .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-black .sidebar-menu > li:hover > a,
+.skin-black .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #111;
+}
+.skin-black .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-black .sidebar a {
+  color: #b8c7ce;
+}
+.skin-black .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-black .treeview-menu > li.active > a,
+.skin-black .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-black .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-black .sidebar-form input[type="text"],
+.skin-black .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-black .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-black .sidebar-form input[type="text"]:focus,
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-black .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-black.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #000;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #505156;
+  border-color: #FFF;
+  color: #FFF;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #111;
+  border-color: #1f1f21;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  color: #fff;
+}
+.btn.btn-white:visited,
+.btn:hover.btn-white:visited {
+  color: #fff;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #000000;
+}
+:root {
+  --button-default: #000000;
+  --button-primary: #000000;
+  --button-hover: #000000;
+  --header: #111;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #black;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #111;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #999999;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.btn-danger.btn-sm.disabled {
+  color: #FFF;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.sidebar-toggle-mobile {
+  color: #FFF !important;
+}
+.skin-black .main-header .navbar .nav > li > a,
+.skin-black .main-header .navbar .nav > li > a {
+  text-decoration: none;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #111;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: black dark
+ * ----------
+ */
+.skin-black-dark .main-header .navbar {
+  background-color: #111;
+}
+.skin-black-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-black-dark .main-header .navbar .nav > li > a:hover,
+.skin-black-dark .main-header .navbar .nav > li > a:active,
+.skin-black-dark .main-header .navbar .nav > li > a:focus,
+.skin-black-dark .main-header .navbar .nav .open > a,
+.skin-black-dark .main-header .navbar .nav .open > a:hover,
+.skin-black-dark .main-header .navbar .nav .open > a:focus,
+.skin-black-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-black-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #040404;
+}
+@media (max-width: 767px) {
+  .skin-black-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-black-dark .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-black-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #040404;
+    color: #fff;
+  }
+}
+@media (max-width: 991px) {
+  .skin-black-dark .main-header .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+    background-color: var(--back-sub);
+  }
+}
+.skin-black-dark .main-header li.user-header {
+  background-color: #111;
+}
+.skin-black-dark .content-header {
+  background: transparent;
+}
+.skin-black-dark .wrapper,
+.skin-black-dark .main-sidebar,
+.skin-black-dark .left-side {
+  background-color: #222d32;
+}
+.skin-black-dark .user-panel > .info,
+.skin-black-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-black-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-black-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-black-dark .sidebar-menu > li:hover > a,
+.skin-black-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #111;
+}
+.skin-black-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-black-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-black-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-black-dark .treeview-menu > li.active > a,
+.skin-black-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-black-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-black-dark .sidebar-form input[type="text"],
+.skin-black-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-black-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-black-dark .sidebar-form input[type="text"]:focus,
+.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-black-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-black-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-black-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #000000;
+  border-color: #FFF;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #000000;
+  border-color: #000000;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #000000;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000000;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: #fff;
+}
+a:visited {
+  color: #fff;
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #000000;
+  --button-primary: #000000;
+  --button-hover: #000000;
+  --header: #111;
+  /* Use same as Header picker */
+  --text-main: #fff;
+  --text-sub: #9b9b9b;
+  --link: #fff;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #fff;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #949494;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+a:hover > h2.task_menu {
+  color: var(--header);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li.header {
+  background-color: var(--header);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+/* Trying to figure out a way of having links different shades based on what row they are on (even/odd).
+a unique challenge for this dark mode skin.
+Probably writing the specificity for this incorrectly. --Godfrey Martinez 02/04/21
+
+.table-striped>tbody>tr:nth-of-type(even)>a:link{
+  color:#000d07;
+}
+.table-striped>tbody>tr:nth-of-type(odd)>a:link{
+  color:#bfbfbf;
+
+}*/
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--nav-link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-black {
+  color: var(--nav-link) !important;
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+  color: var(--link) !important;
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: var(--back-sub) !important;
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--nav-link);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--back-sub);
+  color: var(--visited-link);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-black-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-black-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #000000;
+}
+.fixed-table-body thead th .th-inner,
+.skin-black-dark .sidebar-menu > li.active > a,
+.skin-black .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+div.container.row-new-striped {
+  background-color: var(--back-sub);
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: var(--back-sub);
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Blue
+ * ----------
+ */
+.skin-blue .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .nav > li > a:hover,
+.skin-blue .main-header .navbar .nav > li > a:active,
+.skin-blue .main-header .navbar .nav > li > a:focus,
+.skin-blue .main-header .navbar .nav .open > a,
+.skin-blue .main-header .navbar .nav .open > a:hover,
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.skin-blue .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue .content-header {
+  background: transparent;
+}
+.skin-blue .wrapper,
+.skin-blue .main-sidebar,
+.skin-blue .left-side {
+  background-color: #222d32;
+}
+.skin-blue .user-panel > .info,
+.skin-blue .user-panel > .info > a {
+  color: #fff;
+}
+.skin-blue .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-blue .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-blue .sidebar-menu > li:hover > a,
+.skin-blue .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #3c8dbc;
+}
+.skin-blue .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-blue .sidebar a {
+  color: #b8c7ce;
+}
+.skin-blue .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-blue .treeview-menu > li.active > a,
+.skin-blue .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-blue .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-blue .sidebar-form input[type="text"],
+.skin-blue .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-blue .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue .sidebar-form input[type="text"]:focus,
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: unset;
+}
+.btn.btn-primary,
+btn-sm.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+btn-sm .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #307095;
+  border-color: #23536f;
+  color: #fff !important;
+}
+.btna.btn-primary:hover,
+btn-sma.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #23536f;
+  border-color: #23536f;
+  color: #fff;
+}
+.btn.btn-white:link,
+btn-sm.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #307095;
+  color: #fff;
+}
+.btn.btn-white:hover,
+btn-sm.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #173648;
+  color: #fff;
+}
+.btn.btn-white:visited,
+btn-sm.btn-white:visited,
+.btn:hover.btn-white:visited {
+  background-color: #173648;
+  color: #fff;
+}
+.btn-warning,
+.btn-warning:link,
+a.btn-warning:hover,
+.btn-warning:link,
+.btn-warning:visited,
+.btn-danger,
+.btn-danger:link,
+a.btn-danger:hover,
+.btn-danger:link,
+.btn-danger:visited {
+  color: #fff;
+}
+.btn-default:link,
+a.btn-default:hover,
+.btn-default:visited {
+  color: #505156;
+}
+:root {
+  --button-default: #505156;
+  --button-primary: #1d455b;
+  --button-hover: #173648;
+  --header: #3c8dbc;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #296282;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #5fa4cc;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #86bad8;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+.text-primary {
+  color: #23536f;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #3c8dbc;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+a.settings_button:link,
+a.settings_button:visited,
+a.settings_button:hover {
+  color: #3c8dbc;
+}
+/*
+ * Skin: blue dark
+ * ----------
+ */
+.skin-blue-dark .main-header .navbar {
+  background-color: #3c8dbc;
+}
+.skin-blue-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-blue-dark .main-header .navbar .nav > li > a:hover,
+.skin-blue-dark .main-header .navbar .nav > li > a:active,
+.skin-blue-dark .main-header .navbar .nav > li > a:focus,
+.skin-blue-dark .main-header .navbar .nav .open > a,
+.skin-blue-dark .main-header .navbar .nav .open > a:hover,
+.skin-blue-dark .main-header .navbar .nav .open > a:focus,
+.skin-blue-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .skin-blue-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-blue-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-blue-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+    color: #fff;
+  }
+}
+.skin-blue-dark .main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.skin-blue-dark .content-header {
+  background: transparent;
+}
+.skin-blue-dark .wrapper,
+.skin-blue-dark .main-sidebar,
+.skin-blue-dark .left-side {
+  background-color: #222d32;
+}
+.skin-blue-dark .user-panel > .info,
+.skin-blue-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-blue-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-blue-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-blue-dark .sidebar-menu > li:hover > a,
+.skin-blue-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #3c8dbc;
+}
+.skin-blue-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-blue-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-blue-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-blue-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-blue-dark .treeview-menu > li.active > a,
+.skin-blue-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-blue-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-blue-dark .sidebar-form input[type="text"],
+.skin-blue-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-blue-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-blue-dark .sidebar-form input[type="text"]:focus,
+.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-blue-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #307095;
+  border-color: #FFF;
+  color: #FFF;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #23536f;
+  border-color: #23536f;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #307095;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #173648;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #272727;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #296282;
+  --button-primary: #1d455b;
+  --button-hover: #173648;
+  --header: #3c8dbc;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #00BFFF;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #4dd2ff;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #99e5ff;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-blue {
+  color: var(--text-main);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-blue-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-blue-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #3c8dbc;
+}
+.fixed-table-body thead th .th-inner,
+.skin-blue-dark .sidebar-menu > li.active > a,
+.skin-blue .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--visited-link);
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Contrast
+ * ----------
+ */
+.skin-contrast .main-header .navbar {
+  background-color: #001F3F;
+}
+.skin-contrast .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-contrast .main-header .navbar .nav > li > a:hover,
+.skin-contrast .main-header .navbar .nav > li > a:active,
+.skin-contrast .main-header .navbar .nav > li > a:focus,
+.skin-contrast .main-header .navbar .nav .open > a,
+.skin-contrast .main-header .navbar .nav .open > a:hover,
+.skin-contrast .main-header .navbar .nav .open > a:focus,
+.skin-contrast .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-contrast .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-contrast .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-contrast .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-contrast .main-header .navbar .sidebar-toggle:hover {
+  background-color: #001226;
+}
+@media (max-width: 767px) {
+  .skin-contrast .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-contrast .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-contrast .main-header .navbar .dropdown-menu li a:hover {
+    background: #001226;
+  }
+}
+.skin-contrast .main-header li.user-header {
+  background-color: #001F3F;
+}
+.skin-contrast .content-header {
+  background: transparent;
+}
+.skin-contrast .wrapper,
+.skin-contrast .main-sidebar,
+.skin-contrast .left-side {
+  background-color: #222d32;
+}
+.skin-contrast .user-panel > .info,
+.skin-contrast .user-panel > .info > a {
+  color: #fff;
+}
+.skin-contrast .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-contrast .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-contrast .sidebar-menu > li:hover > a,
+.skin-contrast .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #001F3F;
+}
+.skin-contrast .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-contrast .sidebar a {
+  color: #b8c7ce;
+}
+.skin-contrast .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-contrast .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-contrast .treeview-menu > li.active > a,
+.skin-contrast .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-contrast .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-contrast .sidebar-form input[type="text"],
+.skin-contrast .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-contrast .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-contrast .sidebar-form input[type="text"]:focus,
+.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-contrast .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-contrast .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-contrast.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #00060c;
+  border-color: #000000;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #000000;
+  border-color: #000000;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #00060c;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000000;
+  color: #fff;
+}
+a.btn.btn-link.text-left {
+  color: #001F3F;
+  border: 1px solid #000;
+}
+a.btn.btn-link.text-left:hover {
+  color: #001F3F;
+}
+a {
+  color: #001F3F;
+}
+a:hover {
+  color: #001F3F;
+  text-decoration: underline;
+}
+a:visited {
+  color: #001F3F;
+}
+a.btn:hover {
+  color: #fff;
+  text-decoration: underline;
+}
+.text-primary {
+  color: #000000;
+}
+.skin-contrast .treeview-menu > li > a {
+  color: #FFF;
+}
+.bg-teal {
+  background-color: #1b6a6a !important;
+}
+.bg-orange {
+  background-color: #995400 !important;
+}
+.bg-purple {
+  background-color: #3a3767 !important;
+}
+.bg-maroon {
+  background-color: #7d1038 !important;
+}
+.pagination > li > a {
+  color: #00060c !important;
+}
+.pagination > .active > a {
+  background-color: #001F3F;
+  color: #FFF !important;
+}
+btn-success {
+  background-color: #000d07;
+}
+input::-webkit-input-placeholder {
+  /* Chrome/Opera/Safari */
+  color: #b5bbc8 !important;
+}
+input::-moz-placeholder {
+  /* Firefox 19+ */
+  color: #b5bbc8 !important;
+}
+input::-ms-input-placeholder {
+  /* IE 10+ */
+  color: #b5bbc8 !important;
+}
+.select2-default,
+.select2-selection__placeholder {
+  color: #37383c !important;
+}
+.callout.callout-info {
+  background-color: #23536f !important;
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: Green
+ * ----------
+ */
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #005a31;
+  --button-primary: #002715;
+  --button-hover: #000d07;
+  --header: #00a65a;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #00a65a;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #00f383;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #0dff90;
+}
+.skin-green .main-header .navbar {
+  background-color: #00a65a;
+}
+.skin-green .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-green .main-header .navbar .nav > li > a:hover,
+.skin-green .main-header .navbar .nav > li > a:active,
+.skin-green .main-header .navbar .nav > li > a:focus,
+.skin-green .main-header .navbar .nav .open > a,
+.skin-green .main-header .navbar .nav .open > a:hover,
+.skin-green .main-header .navbar .nav .open > a:focus,
+.skin-green .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-green .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-green .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green .main-header .navbar .sidebar-toggle:hover {
+  background-color: #008d4c;
+}
+@media (max-width: 767px) {
+  .skin-green .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-green .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-green .main-header .navbar .dropdown-menu li a:hover {
+    background: #008d4c;
+  }
+}
+.skin-green .main-header li.user-header {
+  background-color: #00a65a;
+}
+.skin-green .content-header {
+  background: transparent;
+}
+.skin-green .wrapper,
+.skin-green .main-sidebar,
+.skin-green .left-side {
+  background-color: #222d32;
+}
+.skin-green .user-panel > .info,
+.skin-green .user-panel > .info > a {
+  color: #fff;
+}
+.skin-green .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-green .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-green .sidebar-menu > li:hover > a,
+.skin-green .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #00a65a;
+}
+.skin-green .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-green .sidebar a {
+  color: #b8c7ce;
+}
+.skin-green .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-green .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-green .treeview-menu > li.active > a,
+.skin-green .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-green .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-green .sidebar-form input[type="text"],
+.skin-green .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-green .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-green .sidebar-form input[type="text"]:focus,
+.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-green .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-green.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #00733e;
+  border-color: #004023;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #004023;
+  border-color: #004023;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #00733e;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000d07;
+  color: #fff;
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a {
+  color: #00a65a;
+}
+a:hover {
+  color: #004023;
+}
+a:visited {
+  color: #00a65a;
+}
+.text-primary {
+  color: #004023;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #00a65a;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: green dark
+ * ----------
+ */
+.skin-green-dark .main-header .navbar {
+  background-color: #00a65a;
+}
+.skin-green-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-green-dark .main-header .navbar .nav > li > a:hover,
+.skin-green-dark .main-header .navbar .nav > li > a:active,
+.skin-green-dark .main-header .navbar .nav > li > a:focus,
+.skin-green-dark .main-header .navbar .nav .open > a,
+.skin-green-dark .main-header .navbar .nav .open > a:hover,
+.skin-green-dark .main-header .navbar .nav .open > a:focus,
+.skin-green-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-green-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #008d4c;
+}
+@media (max-width: 767px) {
+  .skin-green-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-green-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-green-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #008d4c;
+    color: #fff;
+  }
+}
+.skin-green-dark .main-header li.user-header {
+  background-color: #00a65a;
+}
+.skin-green-dark .content-header {
+  background: transparent;
+}
+.skin-green-dark .wrapper,
+.skin-green-dark .main-sidebar,
+.skin-green-dark .left-side {
+  background-color: #222d32;
+}
+.skin-green-dark .user-panel > .info,
+.skin-green-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-green-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-green-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-green-dark .sidebar-menu > li:hover > a,
+.skin-green-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #00a65a;
+}
+.skin-green-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-green-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-green-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-green-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-green-dark .treeview-menu > li.active > a,
+.skin-green-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-green-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-green-dark .sidebar-form input[type="text"],
+.skin-green-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-green-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-green-dark .sidebar-form input[type="text"]:focus,
+.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-green-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-green-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-green-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #FFF !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #00733e;
+  border-color: #FFF;
+  color: #FFF;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #004023;
+  border-color: #004023;
+  color: #FFF;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #00733e;
+  color: #FFF;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #000d07;
+  color: #FFF;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #312F2F;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #006400;
+  --button-primary: #003100;
+  --button-hover: #000000;
+  --header: #006400;
+  /* Use same as Header picker */
+  --text-main: #FFF;
+  --text-sub: #9b9b9b;
+  --link: #9ACD32;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #b8dc70;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #d7ebad;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-green {
+  color: var(--text-main);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-green-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-green-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #006300;
+}
+.fixed-table-body thead th .th-inner,
+.skin-green-dark .sidebar-menu > li.active > a,
+.skin-green .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--visited-link);
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: orange dark
+ * ----------
+ */
+.skin-orange-dark .main-header .navbar {
+  background-color: #FF8C00;
+}
+.skin-orange-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-orange-dark .main-header .navbar .nav > li > a:hover,
+.skin-orange-dark .main-header .navbar .nav > li > a:active,
+.skin-orange-dark .main-header .navbar .nav > li > a:focus,
+.skin-orange-dark .main-header .navbar .nav .open > a,
+.skin-orange-dark .main-header .navbar .nav .open > a:hover,
+.skin-orange-dark .main-header .navbar .nav .open > a:focus,
+.skin-orange-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #e67e00;
+}
+@media (max-width: 767px) {
+  .skin-orange-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-orange-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-orange-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #e67e00;
+    color: #fff;
+  }
+}
+.skin-orange-dark .main-header li.user-header {
+  background-color: #FF8C00;
+}
+.skin-orange-dark .content-header {
+  background: transparent;
+}
+.skin-orange-dark .wrapper,
+.skin-orange-dark .main-sidebar,
+.skin-orange-dark .left-side {
+  background-color: #222d32;
+}
+.skin-orange-dark .user-panel > .info,
+.skin-orange-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-orange-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-orange-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-orange-dark .sidebar-menu > li:hover > a,
+.skin-orange-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #FF8C00;
+}
+.skin-orange-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-orange-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-orange-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-orange-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-orange-dark .treeview-menu > li.active > a,
+.skin-orange-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-orange-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-orange-dark .sidebar-form input[type="text"],
+.skin-orange-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-orange-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-orange-dark .sidebar-form input[type="text"]:focus,
+.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-orange-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-orange-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-orange-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #cc7000;
+  border-color: #fff;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #995400;
+  border-color: #995400;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #cc7000;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #663800;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #2E2C2C;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #b36200;
+  --button-primary: #804600;
+  --button-hover: #663800;
+  --header: #FF8C00;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #FFA500;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #ffc04d;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffdb99;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+a.actions {
+  color: #fff !important;
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--background);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-orange {
+  color: var(--nav-link) !important;
+  border-color: var(--button-primary);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-orange-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-orange-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #ff8c00;
+}
+.fixed-table-body thead th .th-inner,
+.skin-orange-dark .sidebar-menu > li.active > a,
+.skin-orange .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Purple
+ * ----------
+ */
+.skin-purple .main-header .navbar {
+  background-color: #605ca8;
+}
+.skin-purple .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .nav > li > a:hover,
+.skin-purple .main-header .navbar .nav > li > a:active,
+.skin-purple .main-header .navbar .nav > li > a:focus,
+.skin-purple .main-header .navbar .nav .open > a,
+.skin-purple .main-header .navbar .nav .open > a:hover,
+.skin-purple .main-header .navbar .nav .open > a:focus,
+.skin-purple .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-purple .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-purple .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple .main-header .navbar .sidebar-toggle:hover {
+  background-color: #555299;
+}
+@media (max-width: 767px) {
+  .skin-purple .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-purple .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
+    background: #555299;
+  }
+}
+.skin-purple .main-header li.user-header {
+  background-color: #605ca8;
+}
+.skin-purple .content-header {
+  background: transparent;
+}
+.skin-purple .wrapper,
+.skin-purple .main-sidebar,
+.skin-purple .left-side {
+  background-color: #222d32;
+}
+.skin-purple .user-panel > .info,
+.skin-purple .user-panel > .info > a {
+  color: #fff;
+}
+.skin-purple .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-purple .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-purple .sidebar-menu > li:hover > a,
+.skin-purple .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #605ca8;
+}
+.skin-purple .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-purple .sidebar a {
+  color: #b8c7ce;
+}
+.skin-purple .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-purple .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-purple .treeview-menu > li.active > a,
+.skin-purple .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-purple .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-purple .sidebar-form input[type="text"],
+.skin-purple .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-purple .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-purple .sidebar-form input[type="text"]:focus,
+.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-purple .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-purple.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #4c4988;
+  border-color: #3a3767;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #3a3767;
+  border-color: #3a3767;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #4c4988;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #272546;
+  color: #fff;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #3a3767;
+}
+:root {
+  --button-default: #434078;
+  --button-primary: #302e56;
+  --button-hover: #272546;
+  --header: #605ca8;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #605ca8;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #918ec3;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #c1c0dd;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #605ca8;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: purple dark
+ * ----------
+ */
+.skin-purple-dark .main-header .navbar {
+  background-color: #605ca8;
+}
+.skin-purple-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-purple-dark .main-header .navbar .nav > li > a:hover,
+.skin-purple-dark .main-header .navbar .nav > li > a:active,
+.skin-purple-dark .main-header .navbar .nav > li > a:focus,
+.skin-purple-dark .main-header .navbar .nav .open > a,
+.skin-purple-dark .main-header .navbar .nav .open > a:hover,
+.skin-purple-dark .main-header .navbar .nav .open > a:focus,
+.skin-purple-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-purple-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #555299;
+}
+@media (max-width: 767px) {
+  .skin-purple-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-purple-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-purple-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #555299;
+    color: #fff;
+  }
+}
+.skin-purple-dark .main-header li.user-header {
+  background-color: #605ca8;
+}
+.skin-purple-dark .content-header {
+  background: transparent;
+}
+.skin-purple-dark .wrapper,
+.skin-purple-dark .main-sidebar,
+.skin-purple-dark .left-side {
+  background-color: #222d32;
+}
+.skin-purple-dark .user-panel > .info,
+.skin-purple-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-purple-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-purple-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-purple-dark .sidebar-menu > li:hover > a,
+.skin-purple-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #605ca8;
+}
+.skin-purple-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-purple-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-purple-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-purple-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-purple-dark .treeview-menu > li.active > a,
+.skin-purple-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-purple-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-purple-dark .sidebar-form input[type="text"],
+.skin-purple-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-purple-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-purple-dark .sidebar-form input[type="text"]:focus,
+.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-purple-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-purple-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-purple-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff !important;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #4c4988;
+  border-color: #FFF;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #3a3767;
+  border-color: #3a3767;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #4c4988;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #272546;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #080808;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #434078;
+  --button-primary: #302e56;
+  --button-hover: #272546;
+  --header: #605ca8;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #AC83FF;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #dfd0ff;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffffff;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--button-default);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.label-default {
+  background-color: var(--back-sub);
+  color: #fff;
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--nav-link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-purple {
+  color: var(--nav-link) !important;
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-purple-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-purple-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #5f5ca8;
+}
+.fixed-table-body thead th .th-inner,
+.skin-purple-dark .sidebar-menu > li.active > a,
+.skin-purple .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--visited-link);
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Red
+ * ----------
+ */
+.skin-red .main-header .navbar {
+  background-color: #dd4b39;
+}
+.skin-red .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-red .main-header .navbar .nav > li > a:hover,
+.skin-red .main-header .navbar .nav > li > a:active,
+.skin-red .main-header .navbar .nav > li > a:focus,
+.skin-red .main-header .navbar .nav .open > a,
+.skin-red .main-header .navbar .nav .open > a:hover,
+.skin-red .main-header .navbar .nav .open > a:focus,
+.skin-red .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-red .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-red .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red .main-header .navbar .sidebar-toggle:hover {
+  background-color: #d73925;
+}
+@media (max-width: 767px) {
+  .skin-red .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-red .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-red .main-header .navbar .dropdown-menu li a:hover {
+    background: #d73925;
+  }
+}
+.skin-red .main-header li.user-header {
+  background-color: #dd4b39;
+}
+.skin-red .content-header {
+  background: transparent;
+}
+.skin-red .wrapper,
+.skin-red .main-sidebar,
+.skin-red .left-side {
+  background-color: #222d32;
+}
+.skin-red .user-panel > .info,
+.skin-red .user-panel > .info > a {
+  color: #fff;
+}
+.skin-red .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-red .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-red .sidebar-menu > li:hover > a,
+.skin-red .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #dd4b39;
+}
+.skin-red .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-red .sidebar a {
+  color: #b8c7ce;
+}
+.skin-red .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-red .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-red .treeview-menu > li.active > a,
+.skin-red .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-red .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-red .sidebar-form input[type="text"],
+.skin-red .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-red .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-red .sidebar-form input[type="text"]:focus,
+.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-red .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-red.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #c23321;
+  border-color: #96271a;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #96271a;
+  border-color: #96271a;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #c23321;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #6b1c12;
+  color: #fff;
+}
+a {
+  color: #dd4b39;
+}
+a:hover {
+  color: #96271a;
+}
+a:visited {
+  color: #dd4b39;
+}
+.text-primary {
+  color: #96271a;
+}
+:root {
+  --button-default: #ac2d1e;
+  --button-primary: #802216;
+  --button-hover: #6b1c12;
+  --header: #dd4b39;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-alt: #222;
+  --text-sub: #9b9b9b;
+  --link: #dd4b39;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #e8867a;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #f3c2bc;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #dd4b39;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+/*
+ * Skin: red dark
+ * ----------
+ */
+.skin-red-dark .main-header .navbar {
+  background-color: #dd4b39;
+}
+.skin-red-dark .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-red-dark .main-header .navbar .nav > li > a:hover,
+.skin-red-dark .main-header .navbar .nav > li > a:active,
+.skin-red-dark .main-header .navbar .nav > li > a:focus,
+.skin-red-dark .main-header .navbar .nav .open > a,
+.skin-red-dark .main-header .navbar .nav .open > a:hover,
+.skin-red-dark .main-header .navbar .nav .open > a:focus,
+.skin-red-dark .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-red-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: #d73925;
+}
+@media (max-width: 767px) {
+  .skin-red-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-red-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-red-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #d73925;
+    color: #fff;
+  }
+}
+.skin-red-dark .main-header li.user-header {
+  background-color: #dd4b39;
+}
+.skin-red-dark .content-header {
+  background: transparent;
+}
+.skin-red-dark .wrapper,
+.skin-red-dark .main-sidebar,
+.skin-red-dark .left-side {
+  background-color: #222d32;
+}
+.skin-red-dark .user-panel > .info,
+.skin-red-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-red-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-red-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-red-dark .sidebar-menu > li:hover > a,
+.skin-red-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #dd4b39;
+}
+.skin-red-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-red-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-red-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-red-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-red-dark .treeview-menu > li.active > a,
+.skin-red-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-red-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-red-dark .sidebar-form input[type="text"],
+.skin-red-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-red-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-red-dark .sidebar-form input[type="text"]:focus,
+.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-red-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-red-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-red-dark.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn,
+.btn:hover {
+  color: #fff;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #c23321;
+  border-color: #FFF;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #96271a;
+  border-color: #96271a;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #c23321;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #6b1c12;
+  color: #fff;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:hover {
+  color: #fff;
+}
+a:visited {
+  color: #fff;
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #ac2d1e;
+  --button-primary: #802216;
+  --button-hover: #6b1c12;
+  --header: #dd4b39;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-alt: #222;
+  --text-sub: #9b9b9b;
+  --link: #e00000;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #D24D57;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #D24D57;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+.pagination > li > a {
+  color: var(--light-link);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--visited-link);
+  border-color: var(--light-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--nav-link);
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: var(--nav-link) !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--back-sub);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-red {
+  color: var(--button-primary);
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.fixed-table-body thead th .th-inner {
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-red-dark .main-header .navbar .dropdown-menu li a {
+  color: #FFFFFF;
+}
+.skin-red-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #c23320;
+}
+.fixed-table-body thead th .th-inner,
+.skin-red-dark .sidebar-menu > li.active > a,
+.skin-red .sidebar-menu > li:hover > a,
+.sidebar-toggle:hover {
+  background-color: var(--header) !important;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+#upload-table tbody > tr.warning > td,
+#upload-table h3,
+#upload-table p {
+  background-color: #fcf8e3;
+  color: #000;
+}
+a {
+  color: var(--link);
+}
+a:link {
+  color: var(--nav-link);
+}
+a:hover {
+  color: var(--nav-link);
+  text-decoration: underline;
+}
+a:visited {
+  color: var(--nav-link);
+}
+#customFieldsTable a[href*='/models'] {
+  color: var(--back-sub);
+}
+#customFieldsTable a[href*='/fieldsets'] {
+  background-color: transparent;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+/*
+ * Skin: Orange
+ * ----------
+ */
+.skin-orange .main-header .navbar {
+  background-color: #FF8C00;
+}
+.skin-orange .main-header .navbar .nav > li > a {
+  color: #fff;
+}
+.skin-orange .main-header .navbar .nav > li > a:hover,
+.skin-orange .main-header .navbar .nav > li > a:active,
+.skin-orange .main-header .navbar .nav > li > a:focus,
+.skin-orange .main-header .navbar .nav .open > a,
+.skin-orange .main-header .navbar .nav .open > a:hover,
+.skin-orange .main-header .navbar .nav .open > a:focus,
+.skin-orange .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-orange .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-orange .main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.skin-orange .main-header .navbar .sidebar-toggle:hover {
+  background-color: #e67e00;
+}
+@media (max-width: 767px) {
+  .skin-orange .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-orange .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-orange .main-header .navbar .dropdown-menu li a:hover {
+    background: #e67e00;
+  }
+}
+.skin-orange .main-header li.user-header {
+  background-color: #FF8C00;
+}
+.skin-orange .content-header {
+  background: transparent;
+}
+.skin-orange .wrapper,
+.skin-orange .main-sidebar,
+.skin-orange .left-side {
+  background-color: #222d32;
+}
+.skin-orange .user-panel > .info,
+.skin-orange .user-panel > .info > a {
+  color: #fff;
+}
+.skin-orange .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-orange .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-orange .sidebar-menu > li:hover > a,
+.skin-orange .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #FF8C00;
+}
+.skin-orange .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-orange .sidebar a {
+  color: #b8c7ce;
+}
+.skin-orange .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-orange .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-orange .treeview-menu > li.active > a,
+.skin-orange .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-orange .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-orange .sidebar-form input[type="text"],
+.skin-orange .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-orange .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-orange .sidebar-form input[type="text"]:focus,
+.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-orange .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-orange.layout-top-nav .main-header > .logo .logo-variant {
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #cc7000;
+  border-color: #995400;
+  color: #fff;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #995400;
+  border-color: #995400;
+  color: #fff;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #cc7000;
+  color: #fff;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #663800;
+  color: #fff;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #995400;
+}
+:root {
+  --button-default: #b36200;
+  --button-primary: #804600;
+  --button-hover: #663800;
+  --header: #FF8C00;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #FF8C00;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #ffa333;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffaf4d;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #FF8C00;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+/*
+ * Skin: Yellow
+ * ----------
+ */
+.skin-yellow .main-header .navbar {
+  background-color: #FBCC34;
+}
+.skin-yellow .main-header .navbar .nav > li > a {
+  color: rgba(255, 255, 255, 0.8);
+}
+.skin-yellow .main-header .navbar .nav > li > a:hover,
+.skin-yellow .main-header .navbar .nav > li > a:active,
+.skin-yellow .main-header .navbar .nav > li > a:focus,
+.skin-yellow .main-header .navbar .nav .open > a,
+.skin-yellow .main-header .navbar .nav .open > a:hover,
+.skin-yellow .main-header .navbar .nav .open > a:focus,
+.skin-yellow .main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle {
+  color: rgba(255, 255, 255, 0.8);
+}
+.skin-yellow .main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.skin-yellow .main-header .navbar .sidebar-toggle {
+  color: #000;
+}
+.skin-yellow .main-header .navbar .sidebar-toggle:hover {
+  background-color: #fbc61b;
+}
+@media (max-width: 767px) {
+  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .skin-yellow .main-header .navbar .dropdown-menu li a {
+    color: #333;
+  }
+  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
+    background: #fbc61b;
+  }
+}
+.skin-yellow .main-header li.user-header {
+  background-color: #FBCC34;
+}
+.skin-yellow .content-header {
+  background: transparent;
+}
+.skin-yellow .wrapper,
+.skin-yellow .main-sidebar,
+.skin-yellow .left-side {
+  background-color: #222d32;
+}
+.skin-yellow .user-panel > .info,
+.skin-yellow .user-panel > .info > a {
+  color: #fff;
+}
+.skin-yellow .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-yellow .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-yellow .sidebar-menu > li:hover > a,
+.skin-yellow .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #FBCC34;
+}
+.skin-yellow .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-yellow .sidebar a {
+  color: #b8c7ce;
+}
+.skin-yellow .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-yellow .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-yellow .treeview-menu > li.active > a,
+.skin-yellow .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-yellow .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-yellow .sidebar-form input[type="text"],
+.skin-yellow .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-yellow .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-yellow .sidebar-form input[type="text"]:focus,
+.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-yellow .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-yellow.layout-top-nav .main-header > .logo .logo-variant {
+  color: #413F42;
+  background-color: none;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: #f7be05;
+  border-color: #c59704;
+  color: var(--nav-link);
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: #c59704;
+  border-color: #c59704;
+  color: var(--nav-link);
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: #f7be05;
+  color: var(--nav-link);
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: #937103;
+  color: var(--nav-link);
+}
+a.btn-info:link,
+a.btn-warning:link,
+a.btn-danger:link {
+  color: #FFF;
+}
+a.btn-info:visited,
+a.btn-warning:visited,
+a.btn-danger:visited {
+  color: #FFF;
+}
+a {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #c59704;
+}
+:root {
+  --button-default: #deab04;
+  --button-primary: #ac8403;
+  --button-hover: #937103;
+  --header: #FBCC34;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #5b585c;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #747176;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #b4b1b5;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #222;
+  /* Use same as Header picker */
+  --light-link: #fff;
+  /* Use same as Header picker */
+}
+.fixed-table-container tbody .selected td {
+  background-color: #fff8af;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #FBCC34;
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.navbar-nav > li > a:visited {
+  color: var(--nav-link);
+}
+:hover {
+  color: var(--nav-link);
+}
+.skin-yellow .main-header .navbar .nav > li > a {
+  color: #413F42;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+/*
+ * Skin: yellow dark
+ * ----------
+ */
+.skin-yellow-dark .main-header .navbar .sidebar-toggle {
+  color: #000 !important;
+}
+.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover {
+  background-color: var(--link);
+}
+@media (max-width: 767px) {
+  .skin-yellow-dark .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #fff;
+  }
+  .skin-yellow-dark .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover {
+    background: #e08e0b;
+    color: #fff;
+  }
+}
+.skin-yellow-dark .main-header li.user-header {
+  background-color: #f39c12;
+}
+.skin-yellow-dark .content-header {
+  background: transparent;
+}
+.skin-yellow-dark .wrapper,
+.skin-yellow-dark .main-sidebar,
+.skin-yellow-dark .left-side {
+  background-color: #222d32;
+}
+.skin-yellow-dark .user-panel > .info,
+.skin-yellow-dark .user-panel > .info > a {
+  color: #fff;
+}
+.skin-yellow-dark .sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.skin-yellow-dark .sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.skin-yellow-dark .sidebar-menu > li:hover > a,
+.skin-yellow-dark .sidebar-menu > li.active > a {
+  color: #fff;
+  background: #1e282c;
+  border-left-color: #f39c12;
+}
+.skin-yellow-dark .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.skin-yellow-dark .sidebar a {
+  color: #b8c7ce;
+}
+.skin-yellow-dark .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-yellow-dark .treeview-menu > li > a {
+  color: #8aa4af;
+}
+.skin-yellow-dark .treeview-menu > li.active > a,
+.skin-yellow-dark .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-yellow-dark .sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.skin-yellow-dark .sidebar-form input[type="text"],
+.skin-yellow-dark .sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+  transition: all 0.3s ease-in-out;
+}
+.skin-yellow-dark .sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.skin-yellow-dark .sidebar-form input[type="text"]:focus,
+.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.skin-yellow-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.skin-yellow-dark .sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.btn.btn-primary,
+.btn:hover.btn-primary,
+.btn .btn-primary:link,
+.btn:hover .btn-primary:link {
+  background-color: var(--button-default);
+  border-color: #000000;
+  color: #545454;
+}
+.btna.btn-primary:hover,
+.btn:hovera.btn-primary:hover {
+  background-color: var(--button-hover);
+  border-color: var(--button-hover);
+  color: #545454;
+}
+.btn.btn-white:link,
+.btn:hover.btn-white:link {
+  background-color: var(--button-default);
+  color: #545454;
+}
+.btn.btn-white:hover,
+.btn:hover.btn-white:hover {
+  background-color: var(--hover-link);
+  color: #545454;
+}
+a.actions {
+  color: #fff !important;
+}
+a:visited.label-default,
+a:link.label-default {
+  color: #444;
+}
+/**
+The dropdown is white, so use a darker color
+ */
+li.dropdown-item-marker {
+  color: var(--button-primary);
+}
+a:link {
+  color: var(--link);
+}
+a:hover {
+  color: var(--hover-link);
+}
+a:visited {
+  color: var(--visited-link);
+}
+.text-primary {
+  color: #fff;
+}
+:root {
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: #FFCC32;
+  --button-primary: #b28500;
+  --button-hover: #987200;
+  --header: #FFCC32;
+  /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #F0E68C;
+  /* Use same as Header picker, lighten by 70% */
+  --visited-link: #f9f5d0;
+  /* Use same as Header picker, lighten by 70% */
+  --hover-link: #ffffff;
+  /* Use same as Header picker, lighten by 70% */
+  --nav-link: #222;
+  /* Use same as Header picker */
+  --light-link: #545454;
+  /* Use same as Header picker */
+}
+#ldapad_test_results.well.well-sm {
+  color: var(--back-main);
+}
+.pagination > li > a {
+  color: var(--text-main);
+  background-color: var(--back-main);
+}
+.pagination > .active > a {
+  background-color: var(--button-default);
+  border-color: var(--light-link);
+  color: var(--nav-link);
+}
+.pagination > .active > a:hover {
+  background-color: var(--hover-link);
+}
+.tasks-menu > .dropdown-menu > li .menu {
+  background-color: var(--back-main);
+}
+.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress {
+  background-color: var(--background);
+}
+h2.task_menu {
+  color: var(--link);
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--link);
+}
+.main-header .navbar,
+.main-header .logo {
+  background-color: var(--header);
+  background: linear-gradient(to bottom, var(--header) 0%, var(--header) 100%);
+  border-color: var(--header);
+}
+a.btn.btn-default {
+  color: var(--nav-link);
+}
+.bootstrap-table .fixed-table-container .table thead th .sortable {
+  color: var(--text-main);
+}
+.bootstrap-table .fixed-table-toolbar .columns label {
+  color: #000;
+}
+.thead,
+.navbar-nav > li > a:link {
+  color: var(--nav-link);
+}
+.navbar-nav > li > a:visited {
+  color: var(--nav-link);
+}
+.modal-content {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+a:link.btn-default {
+  color: var(--nav-link);
+}
+.btn-primary.hover {
+  color: var(--nav-link);
+}
+.small-box h3,
+.small-box p {
+  color: #fff !important;
+}
+.small-box h3 a:hover,
+.small-box p a:hover {
+  text-decoration: none;
+  color: var(--nav-link) !important;
+}
+.far fa-life-ring {
+  color: var(--link);
+}
+#accessoriesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#assetsListingTable > tbody > tr.selected > td {
+  background-color: var(--back-main);
+}
+body {
+  color: var(--text-main);
+}
+.box,
+.box.box-default {
+  border-top: 3px solid var(--header);
+  border-top-color: var(--header);
+}
+.box-body,
+.box-footer,
+.box-header {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.btn-default {
+  background-color: var(--button-default);
+}
+.btn-default dropdown-toggle {
+  background-color: var(--button-default);
+  color: var(--nav-link);
+}
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.btn-default.active {
+  background-color: var(--button-hover);
+  color: var(--nav-link);
+}
+.btn-primary,
+.btn-primary.hover,
+.btn-primary:active,
+.text-yellow {
+  color: var(--nav-link) !important;
+}
+.btn-primary:hover {
+  background-color: var(--button-primary);
+  color: var(--nav-link) !important;
+}
+#componentsTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+#consumablesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.content-wrapper {
+  background-color: var(--background);
+}
+#create-form > div > div > div > span > i.fa {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.datepicker .datepicker-switch:hover,
+.datepicker .next:hover,
+.datepicker .prev:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td.day.focused,
+.datepicker table tr td.day:hover {
+  background-color: var(--header);
+}
+.datepicker.dropdown-menu {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+#details > div > div > div > table {
+  background-color: transparent;
+}
+.dropdown-menu > li > a:hover {
+  background-color: var(--back-main);
+  color: var(--nav-link);
+}
+.form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  color: var(--text-main);
+}
+.help-block {
+  color: var(--text-sub);
+}
+input[type=text],
+input[type=search] {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.input-group,
+.input-group-addon {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main);
+}
+#licensesTable > tbody > tr > td > nobr > a > i.fa {
+  color: var(--text-main);
+}
+.main-footer {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  color: var(--text-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+  border-top-color: var(--header);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+  background-color: var(--back-main);
+}
+.nav-tabs-custom > .nav-tabs > li.active > a:hover {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.nav-tabs-custom,
+.nav-tabs-custom > .tab-content {
+  background-color: var(--back-main);
+}
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.open > .dropdown-toggle.btn-default {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.panel {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.panel-default > .panel-heading {
+  background-color: var(--back-main);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option[aria-selected=true],
+.select2-container--default .select2-results__option[aria-selected=true]:hover {
+  background-color: var(--back-sub);
+  color: var(--header);
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: var(--header);
+  color: var(--back-main);
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: var(--text-main);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: var(--header);
+}
+.select2-selection--single {
+  background-color: var(--back-sub) !important;
+  color: var(--text-main) !important;
+}
+.select2-dropdown {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.skin-yellow-dark .main-header .navbar .dropdown-menu li a {
+  color: var(--header);
+}
+.skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover {
+  background-color: #000000;
+}
+tr th div.th-inner {
+  color: #FFFFFF;
+}
+.tab-content,
+.tab-pane {
+  background-color: var(--back-main);
+  color: var(--text-main);
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: var(--back-sub);
+}
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+}
+.th-inner {
+  color: var(--nav-link);
+}
+#webui > div > div > div > div > div > table > tbody > tr > td > a > i.fa,
+.box-body,
+.box-footer,
+.box-header {
+  color: var(--text-main);
+}
+.box-header.with-border {
+  border-bottom: #000;
+}
+.row-striped {
+  vertical-align: top;
+  line-height: 2.6;
+  padding: 0px;
+  margin-left: 20px;
+  box-sizing: border-box;
+  display: table;
+}
+.row-striped .row:nth-of-type(odd) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-striped .row:nth-of-type(even) div {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+  border-top: 1px solid #dddddd;
+  display: table-cell;
+}
+.row-new-striped > .row:nth-of-type(odd) {
+  background-color: var(--back-sub);
+  color: var(--text-main);
+}
+.row-new-striped > .row:nth-of-type(even) {
+  background-color: var(--back-sub-alt);
+  color: var(--text-main);
+}
+.search-highlight,
+.search-highlight:hover {
+  background-color: #e9d15b;
+}
+.table > tbody > tr.warning > td {
+  background-color: var(--back-sub);
+}
+
diff --git a/public/js/build/app.js b/public/js/build/app.js
index bec87e49ba..55e04c8501 100644
--- a/public/js/build/app.js
+++ b/public/js/build/app.js
@@ -32048,10 +32048,10 @@ var __WEBPACK_AMD_DEFINE_RESULT__;/**
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-contrast.less":
-/*!********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-contrast.less ***!
-  \********************************************************/
+/***/ "./resources/assets/less/skins/skin-blue-dark.less":
+/*!*********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-blue-dark.less ***!
+  \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -32061,10 +32061,23 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-green.less":
-/*!*****************************************************!*\
-  !*** ./resources/assets/less/skins/skin-green.less ***!
-  \*****************************************************/
+/***/ "./resources/assets/less/skins/skin-blue.less":
+/*!****************************************************!*\
+  !*** ./resources/assets/less/skins/skin-blue.less ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-contrast.less":
+/*!********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-contrast.less ***!
+  \********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -32087,9 +32100,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-black.less":
+/***/ "./resources/assets/less/skins/skin-green.less":
 /*!*****************************************************!*\
-  !*** ./resources/assets/less/skins/skin-black.less ***!
+  !*** ./resources/assets/less/skins/skin-green.less ***!
   \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -32098,97 +32111,6 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-black-dark.less":
-/*!**********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-black-dark.less ***!
-  \**********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-red-dark.less":
-/*!********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-red-dark.less ***!
-  \********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-purple.less":
-/*!******************************************************!*\
-  !*** ./resources/assets/less/skins/skin-purple.less ***!
-  \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-purple-dark.less":
-/*!***********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-purple-dark.less ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-yellow.less":
-/*!******************************************************!*\
-  !*** ./resources/assets/less/skins/skin-yellow.less ***!
-  \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-yellow-dark.less":
-/*!***********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-yellow-dark.less ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-blue-dark.less":
-/*!*********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-blue-dark.less ***!
-  \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
 /***/ }),
 
 /***/ "./resources/assets/less/skins/skin-orange-dark.less":
@@ -32217,10 +32139,88 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/admin-lte/build/less/AdminLTE.less":
-/*!*********************************************************!*\
-  !*** ./node_modules/admin-lte/build/less/AdminLTE.less ***!
-  \*********************************************************/
+/***/ "./resources/assets/less/skins/skin-purple-dark.less":
+/*!***********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-purple-dark.less ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-purple.less":
+/*!******************************************************!*\
+  !*** ./resources/assets/less/skins/skin-purple.less ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-red-dark.less":
+/*!********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-red-dark.less ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-red.less":
+/*!***************************************************!*\
+  !*** ./resources/assets/less/skins/skin-red.less ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-yellow-dark.less":
+/*!***********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-yellow-dark.less ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-yellow.less":
+/*!******************************************************!*\
+  !*** ./resources/assets/less/skins/skin-yellow.less ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./node_modules/admin-lte/dist/css/adminlte.css":
+/*!******************************************************!*\
+  !*** ./node_modules/admin-lte/dist/css/adminlte.css ***!
+  \******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -32256,10 +32256,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-blue.less":
-/*!****************************************************!*\
-  !*** ./resources/assets/less/skins/skin-blue.less ***!
-  \****************************************************/
+/***/ "./resources/assets/less/skins/_all-skins.less":
+/*!*****************************************************!*\
+  !*** ./resources/assets/less/skins/_all-skins.less ***!
+  \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -32269,10 +32269,23 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-red.less":
-/*!***************************************************!*\
-  !*** ./resources/assets/less/skins/skin-red.less ***!
-  \***************************************************/
+/***/ "./resources/assets/less/skins/skin-black-dark.less":
+/*!**********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-black-dark.less ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-black.less":
+/*!*****************************************************!*\
+  !*** ./resources/assets/less/skins/skin-black.less ***!
+  \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -32393,24 +32406,25 @@ __webpack_require__.r(__webpack_exports__);
 /******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
 /******/ 		var installedChunks = {
 /******/ 			"/js/build/app": 0,
-/******/ 			"css/dist/skins/skin-red": 0,
-/******/ 			"css/dist/skins/skin-blue": 0,
+/******/ 			"css/dist/skins/skin-black": 0,
+/******/ 			"css/dist/skins/skin-black-dark": 0,
+/******/ 			"css/dist/skins/_all-skins": 0,
 /******/ 			"css/build/overrides": 0,
 /******/ 			"css/build/app": 0,
-/******/ 			"css/build/AdminLTE": 0,
+/******/ 			"css/build/adminlte": 0,
+/******/ 			"css/dist/skins/skin-yellow": 0,
+/******/ 			"css/dist/skins/skin-yellow-dark": 0,
+/******/ 			"css/dist/skins/skin-red": 0,
+/******/ 			"css/dist/skins/skin-red-dark": 0,
+/******/ 			"css/dist/skins/skin-purple": 0,
+/******/ 			"css/dist/skins/skin-purple-dark": 0,
 /******/ 			"css/dist/skins/skin-orange": 0,
 /******/ 			"css/dist/skins/skin-orange-dark": 0,
-/******/ 			"css/dist/skins/skin-blue-dark": 0,
-/******/ 			"css/dist/skins/skin-yellow-dark": 0,
-/******/ 			"css/dist/skins/skin-yellow": 0,
-/******/ 			"css/dist/skins/skin-purple-dark": 0,
-/******/ 			"css/dist/skins/skin-purple": 0,
-/******/ 			"css/dist/skins/skin-red-dark": 0,
-/******/ 			"css/dist/skins/skin-black-dark": 0,
-/******/ 			"css/dist/skins/skin-black": 0,
-/******/ 			"css/dist/skins/skin-green-dark": 0,
 /******/ 			"css/dist/skins/skin-green": 0,
-/******/ 			"css/dist/skins/skin-contrast": 0
+/******/ 			"css/dist/skins/skin-green-dark": 0,
+/******/ 			"css/dist/skins/skin-contrast": 0,
+/******/ 			"css/dist/skins/skin-blue": 0,
+/******/ 			"css/dist/skins/skin-blue-dark": 0
 /******/ 		};
 /******/ 		
 /******/ 		// no chunk on demand loading
@@ -32460,26 +32474,27 @@ __webpack_require__.r(__webpack_exports__);
 /******/ 	// startup
 /******/ 	// Load entry module and return exports
 /******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/js/snipeit.js")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/js/snipeit_modals.js")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./node_modules/admin-lte/build/less/AdminLTE.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/app.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/overrides.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-red.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-contrast.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-green.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-green-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-black.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-black-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-red-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange-dark.less")))
-/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/js/snipeit.js")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/js/snipeit_modals.js")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/app.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/overrides.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/_all-skins.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-black-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-black.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-contrast.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-green-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-green.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-red-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-red.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow.less")))
+/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./node_modules/admin-lte/dist/css/adminlte.css")))
 /******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 /******/ 	
 /******/ })()
diff --git a/public/js/build/vendor.js b/public/js/build/vendor.js
index cb51290282..76eb75b161 100644
--- a/public/js/build/vendor.js
+++ b/public/js/build/vendor.js
@@ -10873,19 +10873,13 @@ return jQuery;
 
 /*! Select2 4.0.13 | https://github.com/select2/select2/blob/master/LICENSE.md */
 !function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t),t}:n(jQuery)}(function(d){var e=function(){if(d&&d.fn&&d.fn.select2&&d.fn.select2.amd)var e=d.fn.select2.amd;var t,n,i,h,o,s,f,g,m,v,y,_,r,a,w,l;function b(e,t){return r.call(e,t)}function c(e,t){var n,i,r,o,s,a,l,c,u,d,p,h=t&&t.split("/"),f=y.map,g=f&&f["*"]||{};if(e){for(s=(e=e.split("/")).length-1,y.nodeIdCompat&&w.test(e[s])&&(e[s]=e[s].replace(w,"")),"."===e[0].charAt(0)&&h&&(e=h.slice(0,h.length-1).concat(e)),u=0;u<e.length;u++)if("."===(p=e[u]))e.splice(u,1),--u;else if(".."===p){if(0===u||1===u&&".."===e[2]||".."===e[u-1])continue;0<u&&(e.splice(u-1,2),u-=2)}e=e.join("/")}if((h||g)&&f){for(u=(n=e.split("/")).length;0<u;--u){if(i=n.slice(0,u).join("/"),h)for(d=h.length;0<d;--d)if(r=(r=f[h.slice(0,d).join("/")])&&r[i]){o=r,a=u;break}if(o)break;!l&&g&&g[i]&&(l=g[i],c=u)}!o&&l&&(o=l,a=c),o&&(n.splice(0,a,o),e=n.join("/"))}return e}function A(t,n){return function(){var e=a.call(arguments,0);return"string"!=typeof e[0]&&1===e.length&&e.push(null),s.apply(h,e.concat([t,n]))}}function x(t){return function(e){m[t]=e}}function D(e){if(b(v,e)){var t=v[e];delete v[e],_[e]=!0,o.apply(h,t)}if(!b(m,e)&&!b(_,e))throw new Error("No "+e);return m[e]}function u(e){var t,n=e?e.indexOf("!"):-1;return-1<n&&(t=e.substring(0,n),e=e.substring(n+1,e.length)),[t,e]}function S(e){return e?u(e):[]}return e&&e.requirejs||(e?n=e:e={},m={},v={},y={},_={},r=Object.prototype.hasOwnProperty,a=[].slice,w=/\.js$/,f=function(e,t){var n,i,r=u(e),o=r[0],s=t[1];return e=r[1],o&&(n=D(o=c(o,s))),o?e=n&&n.normalize?n.normalize(e,(i=s,function(e){return c(e,i)})):c(e,s):(o=(r=u(e=c(e,s)))[0],e=r[1],o&&(n=D(o))),{f:o?o+"!"+e:e,n:e,pr:o,p:n}},g={require:function(e){return A(e)},exports:function(e){var t=m[e];return void 0!==t?t:m[e]={}},module:function(e){return{id:e,uri:"",exports:m[e],config:(t=e,function(){return y&&y.config&&y.config[t]||{}})};var t}},o=function(e,t,n,i){var r,o,s,a,l,c,u,d=[],p=typeof n;if(c=S(i=i||e),"undefined"==p||"function"==p){for(t=!t.length&&n.length?["require","exports","module"]:t,l=0;l<t.length;l+=1)if("require"===(o=(a=f(t[l],c)).f))d[l]=g.require(e);else if("exports"===o)d[l]=g.exports(e),u=!0;else if("module"===o)r=d[l]=g.module(e);else if(b(m,o)||b(v,o)||b(_,o))d[l]=D(o);else{if(!a.p)throw new Error(e+" missing "+o);a.p.load(a.n,A(i,!0),x(o),{}),d[l]=m[o]}s=n?n.apply(m[e],d):void 0,e&&(r&&r.exports!==h&&r.exports!==m[e]?m[e]=r.exports:s===h&&u||(m[e]=s))}else e&&(m[e]=n)},t=n=s=function(e,t,n,i,r){if("string"==typeof e)return g[e]?g[e](t):D(f(e,S(t)).f);if(!e.splice){if((y=e).deps&&s(y.deps,y.callback),!t)return;t.splice?(e=t,t=n,n=null):e=h}return t=t||function(){},"function"==typeof n&&(n=i,i=r),i?o(h,e,t,n):setTimeout(function(){o(h,e,t,n)},4),s},s.config=function(e){return s(e)},t._defined=m,(i=function(e,t,n){if("string"!=typeof e)throw new Error("See almond README: incorrect module build, no module name");t.splice||(n=t,t=[]),b(m,e)||b(v,e)||(v[e]=[e,t,n])}).amd={jQuery:!0},e.requirejs=t,e.require=n,e.define=i),e.define("almond",function(){}),e.define("jquery",[],function(){var e=d||$;return null==e&&console&&console.error&&console.error("Select2: An instance of jQuery or a jQuery-compatible library was not found. Make sure that you are including jQuery before Select2 on your web page."),e}),e.define("select2/utils",["jquery"],function(o){var r={};function u(e){var t=e.prototype,n=[];for(var i in t){"function"==typeof t[i]&&"constructor"!==i&&n.push(i)}return n}r.Extend=function(e,t){var n={}.hasOwnProperty;function i(){this.constructor=e}for(var r in t)n.call(t,r)&&(e[r]=t[r]);return i.prototype=t.prototype,e.prototype=new i,e.__super__=t.prototype,e},r.Decorate=function(i,r){var e=u(r),t=u(i);function o(){var e=Array.prototype.unshift,t=r.prototype.constructor.length,n=i.prototype.constructor;0<t&&(e.call(arguments,i.prototype.constructor),n=r.prototype.constructor),n.apply(this,arguments)}r.displayName=i.displayName,o.prototype=new function(){this.constructor=o};for(var n=0;n<t.length;n++){var s=t[n];o.prototype[s]=i.prototype[s]}function a(e){var t=function(){};e in o.prototype&&(t=o.prototype[e]);var n=r.prototype[e];return function(){return Array.prototype.unshift.call(arguments,t),n.apply(this,arguments)}}for(var l=0;l<e.length;l++){var c=e[l];o.prototype[c]=a(c)}return o};function e(){this.listeners={}}e.prototype.on=function(e,t){this.listeners=this.listeners||{},e in this.listeners?this.listeners[e].push(t):this.listeners[e]=[t]},e.prototype.trigger=function(e){var t=Array.prototype.slice,n=t.call(arguments,1);this.listeners=this.listeners||{},null==n&&(n=[]),0===n.length&&n.push({}),(n[0]._type=e)in this.listeners&&this.invoke(this.listeners[e],t.call(arguments,1)),"*"in this.listeners&&this.invoke(this.listeners["*"],arguments)},e.prototype.invoke=function(e,t){for(var n=0,i=e.length;n<i;n++)e[n].apply(this,t)},r.Observable=e,r.generateChars=function(e){for(var t="",n=0;n<e;n++){t+=Math.floor(36*Math.random()).toString(36)}return t},r.bind=function(e,t){return function(){e.apply(t,arguments)}},r._convertData=function(e){for(var t in e){var n=t.split("-"),i=e;if(1!==n.length){for(var r=0;r<n.length;r++){var o=n[r];(o=o.substring(0,1).toLowerCase()+o.substring(1))in i||(i[o]={}),r==n.length-1&&(i[o]=e[t]),i=i[o]}delete e[t]}}return e},r.hasScroll=function(e,t){var n=o(t),i=t.style.overflowX,r=t.style.overflowY;return(i!==r||"hidden"!==r&&"visible"!==r)&&("scroll"===i||"scroll"===r||(n.innerHeight()<t.scrollHeight||n.innerWidth()<t.scrollWidth))},r.escapeMarkup=function(e){var t={"\\":"&#92;","&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#47;"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return t[e]})},r.appendMany=function(e,t){if("1.7"===o.fn.jquery.substr(0,3)){var n=o();o.map(t,function(e){n=n.add(e)}),t=n}e.append(t)},r.__cache={};var n=0;return r.GetUniqueElementId=function(e){var t=e.getAttribute("data-select2-id");return null==t&&(e.id?(t=e.id,e.setAttribute("data-select2-id",t)):(e.setAttribute("data-select2-id",++n),t=n.toString())),t},r.StoreData=function(e,t,n){var i=r.GetUniqueElementId(e);r.__cache[i]||(r.__cache[i]={}),r.__cache[i][t]=n},r.GetData=function(e,t){var n=r.GetUniqueElementId(e);return t?r.__cache[n]&&null!=r.__cache[n][t]?r.__cache[n][t]:o(e).data(t):r.__cache[n]},r.RemoveData=function(e){var t=r.GetUniqueElementId(e);null!=r.__cache[t]&&delete r.__cache[t],e.removeAttribute("data-select2-id")},r}),e.define("select2/results",["jquery","./utils"],function(h,f){function i(e,t,n){this.$element=e,this.data=n,this.options=t,i.__super__.constructor.call(this)}return f.Extend(i,f.Observable),i.prototype.render=function(){var e=h('<ul class="select2-results__options" role="listbox"></ul>');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},i.prototype.clear=function(){this.$results.empty()},i.prototype.displayMessage=function(e){var t=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var n=h('<li role="alert" aria-live="assertive" class="select2-results__option"></li>'),i=this.options.get("translations").get(e.message);n.append(t(i(e.args))),n[0].className+=" select2-results__message",this.$results.append(n)},i.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},i.prototype.append=function(e){this.hideLoading();var t=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var n=0;n<e.results.length;n++){var i=e.results[n],r=this.option(i);t.push(r)}this.$results.append(t)}else 0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"})},i.prototype.position=function(e,t){t.find(".select2-results").append(e)},i.prototype.sort=function(e){return this.options.get("sorter")(e)},i.prototype.highlightFirstItem=function(){var e=this.$results.find(".select2-results__option[aria-selected]"),t=e.filter("[aria-selected=true]");0<t.length?t.first().trigger("mouseenter"):e.first().trigger("mouseenter"),this.ensureHighlightVisible()},i.prototype.setClasses=function(){var t=this;this.data.current(function(e){var i=h.map(e,function(e){return e.id.toString()});t.$results.find(".select2-results__option[aria-selected]").each(function(){var e=h(this),t=f.GetData(this,"data"),n=""+t.id;null!=t.element&&t.element.selected||null==t.element&&-1<h.inArray(n,i)?e.attr("aria-selected","true"):e.attr("aria-selected","false")})})},i.prototype.showLoading=function(e){this.hideLoading();var t={disabled:!0,loading:!0,text:this.options.get("translations").get("searching")(e)},n=this.option(t);n.className+=" loading-results",this.$results.prepend(n)},i.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},i.prototype.option=function(e){var t=document.createElement("li");t.className="select2-results__option";var n={role:"option","aria-selected":"false"},i=window.Element.prototype.matches||window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector;for(var r in(null!=e.element&&i.call(e.element,":disabled")||null==e.element&&e.disabled)&&(delete n["aria-selected"],n["aria-disabled"]="true"),null==e.id&&delete n["aria-selected"],null!=e._resultId&&(t.id=e._resultId),e.title&&(t.title=e.title),e.children&&(n.role="group",n["aria-label"]=e.text,delete n["aria-selected"]),n){var o=n[r];t.setAttribute(r,o)}if(e.children){var s=h(t),a=document.createElement("strong");a.className="select2-results__group";h(a);this.template(e,a);for(var l=[],c=0;c<e.children.length;c++){var u=e.children[c],d=this.option(u);l.push(d)}var p=h("<ul></ul>",{class:"select2-results__options select2-results__options--nested"});p.append(l),s.append(a),s.append(p)}else this.template(e,t);return f.StoreData(t,"data",e),t},i.prototype.bind=function(t,e){var l=this,n=t.id+"-results";this.$results.attr("id",n),t.on("results:all",function(e){l.clear(),l.append(e.data),t.isOpen()&&(l.setClasses(),l.highlightFirstItem())}),t.on("results:append",function(e){l.append(e.data),t.isOpen()&&l.setClasses()}),t.on("query",function(e){l.hideMessages(),l.showLoading(e)}),t.on("select",function(){t.isOpen()&&(l.setClasses(),l.options.get("scrollAfterSelect")&&l.highlightFirstItem())}),t.on("unselect",function(){t.isOpen()&&(l.setClasses(),l.options.get("scrollAfterSelect")&&l.highlightFirstItem())}),t.on("open",function(){l.$results.attr("aria-expanded","true"),l.$results.attr("aria-hidden","false"),l.setClasses(),l.ensureHighlightVisible()}),t.on("close",function(){l.$results.attr("aria-expanded","false"),l.$results.attr("aria-hidden","true"),l.$results.removeAttr("aria-activedescendant")}),t.on("results:toggle",function(){var e=l.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),t.on("results:select",function(){var e=l.getHighlightedResults();if(0!==e.length){var t=f.GetData(e[0],"data");"true"==e.attr("aria-selected")?l.trigger("close",{}):l.trigger("select",{data:t})}}),t.on("results:previous",function(){var e=l.getHighlightedResults(),t=l.$results.find("[aria-selected]"),n=t.index(e);if(!(n<=0)){var i=n-1;0===e.length&&(i=0);var r=t.eq(i);r.trigger("mouseenter");var o=l.$results.offset().top,s=r.offset().top,a=l.$results.scrollTop()+(s-o);0===i?l.$results.scrollTop(0):s-o<0&&l.$results.scrollTop(a)}}),t.on("results:next",function(){var e=l.getHighlightedResults(),t=l.$results.find("[aria-selected]"),n=t.index(e)+1;if(!(n>=t.length)){var i=t.eq(n);i.trigger("mouseenter");var r=l.$results.offset().top+l.$results.outerHeight(!1),o=i.offset().top+i.outerHeight(!1),s=l.$results.scrollTop()+o-r;0===n?l.$results.scrollTop(0):r<o&&l.$results.scrollTop(s)}}),t.on("results:focus",function(e){e.element.addClass("select2-results__option--highlighted")}),t.on("results:message",function(e){l.displayMessage(e)}),h.fn.mousewheel&&this.$results.on("mousewheel",function(e){var t=l.$results.scrollTop(),n=l.$results.get(0).scrollHeight-t+e.deltaY,i=0<e.deltaY&&t-e.deltaY<=0,r=e.deltaY<0&&n<=l.$results.height();i?(l.$results.scrollTop(0),e.preventDefault(),e.stopPropagation()):r&&(l.$results.scrollTop(l.$results.get(0).scrollHeight-l.$results.height()),e.preventDefault(),e.stopPropagation())}),this.$results.on("mouseup",".select2-results__option[aria-selected]",function(e){var t=h(this),n=f.GetData(this,"data");"true"!==t.attr("aria-selected")?l.trigger("select",{originalEvent:e,data:n}):l.options.get("multiple")?l.trigger("unselect",{originalEvent:e,data:n}):l.trigger("close",{})}),this.$results.on("mouseenter",".select2-results__option[aria-selected]",function(e){var t=f.GetData(this,"data");l.getHighlightedResults().removeClass("select2-results__option--highlighted"),l.trigger("results:focus",{data:t,element:h(this)})})},i.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},i.prototype.destroy=function(){this.$results.remove()},i.prototype.ensureHighlightVisible=function(){var e=this.getHighlightedResults();if(0!==e.length){var t=this.$results.find("[aria-selected]").index(e),n=this.$results.offset().top,i=e.offset().top,r=this.$results.scrollTop()+(i-n),o=i-n;r-=2*e.outerHeight(!1),t<=2?this.$results.scrollTop(0):(o>this.$results.outerHeight()||o<0)&&this.$results.scrollTop(r)}},i.prototype.template=function(e,t){var n=this.options.get("templateResult"),i=this.options.get("escapeMarkup"),r=n(e,t);null==r?t.style.display="none":"string"==typeof r?t.innerHTML=i(r):h(t).append(r)},i}),e.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),e.define("select2/selection/base",["jquery","../utils","../keys"],function(n,i,r){function o(e,t){this.$element=e,this.options=t,o.__super__.constructor.call(this)}return i.Extend(o,i.Observable),o.prototype.render=function(){var e=n('<span class="select2-selection" role="combobox"  aria-haspopup="true" aria-expanded="false"></span>');return this._tabindex=0,null!=i.GetData(this.$element[0],"old-tabindex")?this._tabindex=i.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),e.attr("aria-disabled","false"),this.$selection=e},o.prototype.bind=function(e,t){var n=this,i=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){n.trigger("focus",e)}),this.$selection.on("blur",function(e){n._handleBlur(e)}),this.$selection.on("keydown",function(e){n.trigger("keypress",e),e.which===r.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){n.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){n.update(e.data)}),e.on("open",function(){n.$selection.attr("aria-expanded","true"),n.$selection.attr("aria-owns",i),n._attachCloseHandler(e)}),e.on("close",function(){n.$selection.attr("aria-expanded","false"),n.$selection.removeAttr("aria-activedescendant"),n.$selection.removeAttr("aria-owns"),n.$selection.trigger("focus"),n._detachCloseHandler(e)}),e.on("enable",function(){n.$selection.attr("tabindex",n._tabindex),n.$selection.attr("aria-disabled","false")}),e.on("disable",function(){n.$selection.attr("tabindex","-1"),n.$selection.attr("aria-disabled","true")})},o.prototype._handleBlur=function(e){var t=this;window.setTimeout(function(){document.activeElement==t.$selection[0]||n.contains(t.$selection[0],document.activeElement)||t.trigger("blur",e)},1)},o.prototype._attachCloseHandler=function(e){n(document.body).on("mousedown.select2."+e.id,function(e){var t=n(e.target).closest(".select2");n(".select2.select2-container--open").each(function(){this!=t[0]&&i.GetData(this,"element").select2("close")})})},o.prototype._detachCloseHandler=function(e){n(document.body).off("mousedown.select2."+e.id)},o.prototype.position=function(e,t){t.find(".selection").append(e)},o.prototype.destroy=function(){this._detachCloseHandler(this.container)},o.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},o.prototype.isEnabled=function(){return!this.isDisabled()},o.prototype.isDisabled=function(){return this.options.get("disabled")},o}),e.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,t,n,i){function r(){r.__super__.constructor.apply(this,arguments)}return n.Extend(r,t),r.prototype.render=function(){var e=r.__super__.render.call(this);return e.addClass("select2-selection--single"),e.html('<span class="select2-selection__rendered"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>'),e},r.prototype.bind=function(t,e){var n=this;r.__super__.bind.apply(this,arguments);var i=t.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",i).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",i),this.$selection.on("mousedown",function(e){1===e.which&&n.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("blur",function(e){}),t.on("focus",function(e){t.isOpen()||n.$selection.trigger("focus")})},r.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},r.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},r.prototype.selectionContainer=function(){return e("<span></span>")},r.prototype.update=function(e){if(0!==e.length){var t=e[0],n=this.$selection.find(".select2-selection__rendered"),i=this.display(t,n);n.empty().append(i);var r=t.title||t.text;r?n.attr("title",r):n.removeAttr("title")}else this.clear()},r}),e.define("select2/selection/multiple",["jquery","./base","../utils"],function(r,e,l){function n(e,t){n.__super__.constructor.apply(this,arguments)}return l.Extend(n,e),n.prototype.render=function(){var e=n.__super__.render.call(this);return e.addClass("select2-selection--multiple"),e.html('<ul class="select2-selection__rendered"></ul>'),e},n.prototype.bind=function(e,t){var i=this;n.__super__.bind.apply(this,arguments),this.$selection.on("click",function(e){i.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){if(!i.isDisabled()){var t=r(this).parent(),n=l.GetData(t[0],"data");i.trigger("unselect",{originalEvent:e,data:n})}})},n.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},n.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},n.prototype.selectionContainer=function(){return r('<li class="select2-selection__choice"><span class="select2-selection__choice__remove" role="presentation">&times;</span></li>')},n.prototype.update=function(e){if(this.clear(),0!==e.length){for(var t=[],n=0;n<e.length;n++){var i=e[n],r=this.selectionContainer(),o=this.display(i,r);r.append(o);var s=i.title||i.text;s&&r.attr("title",s),l.StoreData(r[0],"data",i),t.push(r)}var a=this.$selection.find(".select2-selection__rendered");l.appendMany(a,t)}},n}),e.define("select2/selection/placeholder",["../utils"],function(e){function t(e,t,n){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n)}return t.prototype.normalizePlaceholder=function(e,t){return"string"==typeof t&&(t={id:"",text:t}),t},t.prototype.createPlaceholder=function(e,t){var n=this.selectionContainer();return n.html(this.display(t)),n.addClass("select2-selection__placeholder").removeClass("select2-selection__choice"),n},t.prototype.update=function(e,t){var n=1==t.length&&t[0].id!=this.placeholder.id;if(1<t.length||n)return e.call(this,t);this.clear();var i=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(i)},t}),e.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(r,i,a){function e(){}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(e){i._handleClear(e)}),t.on("keypress",function(e){i._handleKeyboardClear(e,t)})},e.prototype._handleClear=function(e,t){if(!this.isDisabled()){var n=this.$selection.find(".select2-selection__clear");if(0!==n.length){t.stopPropagation();var i=a.GetData(n[0],"data"),r=this.$element.val();this.$element.val(this.placeholder.id);var o={data:i};if(this.trigger("clear",o),o.prevented)this.$element.val(r);else{for(var s=0;s<i.length;s++)if(o={data:i[s]},this.trigger("unselect",o),o.prevented)return void this.$element.val(r);this.$element.trigger("input").trigger("change"),this.trigger("toggle",{})}}}},e.prototype._handleKeyboardClear=function(e,t,n){n.isOpen()||t.which!=i.DELETE&&t.which!=i.BACKSPACE||this._handleClear(t)},e.prototype.update=function(e,t){if(e.call(this,t),!(0<this.$selection.find(".select2-selection__placeholder").length||0===t.length)){var n=this.options.get("translations").get("removeAllItems"),i=r('<span class="select2-selection__clear" title="'+n()+'">&times;</span>');a.StoreData(i[0],"data",t),this.$selection.find(".select2-selection__rendered").prepend(i)}},e}),e.define("select2/selection/search",["jquery","../utils","../keys"],function(i,a,l){function e(e,t,n){e.call(this,t,n)}return e.prototype.render=function(e){var t=i('<li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></li>');this.$searchContainer=t,this.$search=t.find("input");var n=e.call(this);return this._transferTabIndex(),n},e.prototype.bind=function(e,t,n){var i=this,r=t.id+"-results";e.call(this,t,n),t.on("open",function(){i.$search.attr("aria-controls",r),i.$search.trigger("focus")}),t.on("close",function(){i.$search.val(""),i.$search.removeAttr("aria-controls"),i.$search.removeAttr("aria-activedescendant"),i.$search.trigger("focus")}),t.on("enable",function(){i.$search.prop("disabled",!1),i._transferTabIndex()}),t.on("disable",function(){i.$search.prop("disabled",!0)}),t.on("focus",function(e){i.$search.trigger("focus")}),t.on("results:focus",function(e){e.data._resultId?i.$search.attr("aria-activedescendant",e.data._resultId):i.$search.removeAttr("aria-activedescendant")}),this.$selection.on("focusin",".select2-search--inline",function(e){i.trigger("focus",e)}),this.$selection.on("focusout",".select2-search--inline",function(e){i._handleBlur(e)}),this.$selection.on("keydown",".select2-search--inline",function(e){if(e.stopPropagation(),i.trigger("keypress",e),i._keyUpPrevented=e.isDefaultPrevented(),e.which===l.BACKSPACE&&""===i.$search.val()){var t=i.$searchContainer.prev(".select2-selection__choice");if(0<t.length){var n=a.GetData(t[0],"data");i.searchRemoveChoice(n),e.preventDefault()}}}),this.$selection.on("click",".select2-search--inline",function(e){i.$search.val()&&e.stopPropagation()});var o=document.documentMode,s=o&&o<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(e){s?i.$selection.off("input.search input.searchcheck"):i.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(e){if(s&&"input"===e.type)i.$selection.off("input.search input.searchcheck");else{var t=e.which;t!=l.SHIFT&&t!=l.CTRL&&t!=l.ALT&&t!=l.TAB&&i.handleSearch(e)}})},e.prototype._transferTabIndex=function(e){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},e.prototype.createPlaceholder=function(e,t){this.$search.attr("placeholder",t.text)},e.prototype.update=function(e,t){var n=this.$search[0]==document.activeElement;this.$search.attr("placeholder",""),e.call(this,t),this.$selection.find(".select2-selection__rendered").append(this.$searchContainer),this.resizeSearch(),n&&this.$search.trigger("focus")},e.prototype.handleSearch=function(){if(this.resizeSearch(),!this._keyUpPrevented){var e=this.$search.val();this.trigger("query",{term:e})}this._keyUpPrevented=!1},e.prototype.searchRemoveChoice=function(e,t){this.trigger("unselect",{data:t}),this.$search.val(t.text),this.handleSearch()},e.prototype.resizeSearch=function(){this.$search.css("width","25px");var e="";""!==this.$search.attr("placeholder")?e=this.$selection.find(".select2-selection__rendered").width():e=.75*(this.$search.val().length+1)+"em";this.$search.css("width",e)},e}),e.define("select2/selection/eventRelay",["jquery"],function(s){function e(){}return e.prototype.bind=function(e,t,n){var i=this,r=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],o=["opening","closing","selecting","unselecting","clearing"];e.call(this,t,n),t.on("*",function(e,t){if(-1!==s.inArray(e,r)){t=t||{};var n=s.Event("select2:"+e,{params:t});i.$element.trigger(n),-1!==s.inArray(e,o)&&(t.prevented=n.isDefaultPrevented())}})},e}),e.define("select2/translation",["jquery","require"],function(t,n){function i(e){this.dict=e||{}}return i.prototype.all=function(){return this.dict},i.prototype.get=function(e){return this.dict[e]},i.prototype.extend=function(e){this.dict=t.extend({},e.all(),this.dict)},i._cache={},i.loadPath=function(e){if(!(e in i._cache)){var t=n(e);i._cache[e]=t}return new i(i._cache[e])},i}),e.define("select2/diacritics",[],function(){return{"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","Ｂ":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","Ｃ":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","Ｄ":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","Ｅ":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","Ｆ":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","Ｇ":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","Ｈ":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","Ｉ":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","Ｊ":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","Ｋ":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","Ｌ":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","Ｍ":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","Ｎ":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","Ｏ":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Œ":"OE","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","Ｐ":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Ｑ":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","Ｒ":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","Ｓ":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","Ｔ":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","Ｕ":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","Ｖ":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","Ｗ":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","Ｘ":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Ｙ":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Ｚ":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","ａ":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","ｂ":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","ｃ":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","ｄ":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","ｅ":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","ｆ":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","ｇ":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","ｈ":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","ｉ":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","ｊ":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","ｋ":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","ｌ":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","ｍ":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","ｎ":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","ｏ":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","œ":"oe","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","ｐ":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","ｑ":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","ｒ":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","ｓ":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","ｔ":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","ｕ":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","ｖ":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","ｗ":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","ｘ":"x","ẋ":"x","ẍ":"x","ⓨ":"y","ｙ":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","ｚ":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ώ":"ω","ς":"σ","’":"'"}}),e.define("select2/data/base",["../utils"],function(i){function n(e,t){n.__super__.constructor.call(this)}return i.Extend(n,i.Observable),n.prototype.current=function(e){throw new Error("The `current` method must be defined in child classes.")},n.prototype.query=function(e,t){throw new Error("The `query` method must be defined in child classes.")},n.prototype.bind=function(e,t){},n.prototype.destroy=function(){},n.prototype.generateResultId=function(e,t){var n=e.id+"-result-";return n+=i.generateChars(4),null!=t.id?n+="-"+t.id.toString():n+="-"+i.generateChars(4),n},n}),e.define("select2/data/select",["./base","../utils","jquery"],function(e,a,l){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return a.Extend(n,e),n.prototype.current=function(e){var n=[],i=this;this.$element.find(":selected").each(function(){var e=l(this),t=i.item(e);n.push(t)}),e(n)},n.prototype.select=function(r){var o=this;if(r.selected=!0,l(r.element).is("option"))return r.element.selected=!0,void this.$element.trigger("input").trigger("change");if(this.$element.prop("multiple"))this.current(function(e){var t=[];(r=[r]).push.apply(r,e);for(var n=0;n<r.length;n++){var i=r[n].id;-1===l.inArray(i,t)&&t.push(i)}o.$element.val(t),o.$element.trigger("input").trigger("change")});else{var e=r.id;this.$element.val(e),this.$element.trigger("input").trigger("change")}},n.prototype.unselect=function(r){var o=this;if(this.$element.prop("multiple")){if(r.selected=!1,l(r.element).is("option"))return r.element.selected=!1,void this.$element.trigger("input").trigger("change");this.current(function(e){for(var t=[],n=0;n<e.length;n++){var i=e[n].id;i!==r.id&&-1===l.inArray(i,t)&&t.push(i)}o.$element.val(t),o.$element.trigger("input").trigger("change")})}},n.prototype.bind=function(e,t){var n=this;(this.container=e).on("select",function(e){n.select(e.data)}),e.on("unselect",function(e){n.unselect(e.data)})},n.prototype.destroy=function(){this.$element.find("*").each(function(){a.RemoveData(this)})},n.prototype.query=function(i,e){var r=[],o=this;this.$element.children().each(function(){var e=l(this);if(e.is("option")||e.is("optgroup")){var t=o.item(e),n=o.matches(i,t);null!==n&&r.push(n)}}),e({results:r})},n.prototype.addOptions=function(e){a.appendMany(this.$element,e)},n.prototype.option=function(e){var t;e.children?(t=document.createElement("optgroup")).label=e.text:void 0!==(t=document.createElement("option")).textContent?t.textContent=e.text:t.innerText=e.text,void 0!==e.id&&(t.value=e.id),e.disabled&&(t.disabled=!0),e.selected&&(t.selected=!0),e.title&&(t.title=e.title);var n=l(t),i=this._normalizeItem(e);return i.element=t,a.StoreData(t,"data",i),n},n.prototype.item=function(e){var t={};if(null!=(t=a.GetData(e[0],"data")))return t;if(e.is("option"))t={id:e.val(),text:e.text(),disabled:e.prop("disabled"),selected:e.prop("selected"),title:e.prop("title")};else if(e.is("optgroup")){t={text:e.prop("label"),children:[],title:e.prop("title")};for(var n=e.children("option"),i=[],r=0;r<n.length;r++){var o=l(n[r]),s=this.item(o);i.push(s)}t.children=i}return(t=this._normalizeItem(t)).element=e[0],a.StoreData(e[0],"data",t),t},n.prototype._normalizeItem=function(e){e!==Object(e)&&(e={id:e,text:e});return null!=(e=l.extend({},{text:""},e)).id&&(e.id=e.id.toString()),null!=e.text&&(e.text=e.text.toString()),null==e._resultId&&e.id&&null!=this.container&&(e._resultId=this.generateResultId(this.container,e)),l.extend({},{selected:!1,disabled:!1},e)},n.prototype.matches=function(e,t){return this.options.get("matcher")(e,t)},n}),e.define("select2/data/array",["./select","../utils","jquery"],function(e,f,g){function i(e,t){this._dataToConvert=t.get("data")||[],i.__super__.constructor.call(this,e,t)}return f.Extend(i,e),i.prototype.bind=function(e,t){i.__super__.bind.call(this,e,t),this.addOptions(this.convertToOptions(this._dataToConvert))},i.prototype.select=function(n){var e=this.$element.find("option").filter(function(e,t){return t.value==n.id.toString()});0===e.length&&(e=this.option(n),this.addOptions(e)),i.__super__.select.call(this,n)},i.prototype.convertToOptions=function(e){var t=this,n=this.$element.find("option"),i=n.map(function(){return t.item(g(this)).id}).get(),r=[];function o(e){return function(){return g(this).val()==e.id}}for(var s=0;s<e.length;s++){var a=this._normalizeItem(e[s]);if(0<=g.inArray(a.id,i)){var l=n.filter(o(a)),c=this.item(l),u=g.extend(!0,{},a,c),d=this.option(u);l.replaceWith(d)}else{var p=this.option(a);if(a.children){var h=this.convertToOptions(a.children);f.appendMany(p,h)}r.push(p)}}return r},i}),e.define("select2/data/ajax",["./array","../utils","jquery"],function(e,t,o){function n(e,t){this.ajaxOptions=this._applyDefaults(t.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),n.__super__.constructor.call(this,e,t)}return t.Extend(n,e),n.prototype._applyDefaults=function(e){var t={data:function(e){return o.extend({},e,{q:e.term})},transport:function(e,t,n){var i=o.ajax(e);return i.then(t),i.fail(n),i}};return o.extend({},t,e,!0)},n.prototype.processResults=function(e){return e},n.prototype.query=function(n,i){var r=this;null!=this._request&&(o.isFunction(this._request.abort)&&this._request.abort(),this._request=null);var t=o.extend({type:"GET"},this.ajaxOptions);function e(){var e=t.transport(t,function(e){var t=r.processResults(e,n);r.options.get("debug")&&window.console&&console.error&&(t&&t.results&&o.isArray(t.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),i(t)},function(){"status"in e&&(0===e.status||"0"===e.status)||r.trigger("results:message",{message:"errorLoading"})});r._request=e}"function"==typeof t.url&&(t.url=t.url.call(this.$element,n)),"function"==typeof t.data&&(t.data=t.data.call(this.$element,n)),this.ajaxOptions.delay&&null!=n.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(e,this.ajaxOptions.delay)):e()},n}),e.define("select2/data/tags",["jquery"],function(u){function e(e,t,n){var i=n.get("tags"),r=n.get("createTag");void 0!==r&&(this.createTag=r);var o=n.get("insertTag");if(void 0!==o&&(this.insertTag=o),e.call(this,t,n),u.isArray(i))for(var s=0;s<i.length;s++){var a=i[s],l=this._normalizeItem(a),c=this.option(l);this.$element.append(c)}}return e.prototype.query=function(e,c,u){var d=this;this._removeOldTags(),null!=c.term&&null==c.page?e.call(this,c,function e(t,n){for(var i=t.results,r=0;r<i.length;r++){var o=i[r],s=null!=o.children&&!e({results:o.children},!0);if((o.text||"").toUpperCase()===(c.term||"").toUpperCase()||s)return!n&&(t.data=i,void u(t))}if(n)return!0;var a=d.createTag(c);if(null!=a){var l=d.option(a);l.attr("data-select2-tag",!0),d.addOptions([l]),d.insertTag(i,a)}t.results=i,u(t)}):e.call(this,c,u)},e.prototype.createTag=function(e,t){var n=u.trim(t.term);return""===n?null:{id:n,text:n}},e.prototype.insertTag=function(e,t,n){t.unshift(n)},e.prototype._removeOldTags=function(e){this.$element.find("option[data-select2-tag]").each(function(){this.selected||u(this).remove()})},e}),e.define("select2/data/tokenizer",["jquery"],function(d){function e(e,t,n){var i=n.get("tokenizer");void 0!==i&&(this.tokenizer=i),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){e.call(this,t,n),this.$search=t.dropdown.$search||t.selection.$search||n.find(".select2-search__field")},e.prototype.query=function(e,t,n){var r=this;t.term=t.term||"";var i=this.tokenizer(t,this.options,function(e){var t,n=r._normalizeItem(e);if(!r.$element.find("option").filter(function(){return d(this).val()===n.id}).length){var i=r.option(n);i.attr("data-select2-tag",!0),r._removeOldTags(),r.addOptions([i])}t=n,r.trigger("select",{data:t})});i.term!==t.term&&(this.$search.length&&(this.$search.val(i.term),this.$search.trigger("focus")),t.term=i.term),e.call(this,t,n)},e.prototype.tokenizer=function(e,t,n,i){for(var r=n.get("tokenSeparators")||[],o=t.term,s=0,a=this.createTag||function(e){return{id:e.term,text:e.term}};s<o.length;){var l=o[s];if(-1!==d.inArray(l,r)){var c=o.substr(0,s),u=a(d.extend({},t,{term:c}));null!=u?(i(u),o=o.substr(s+1)||"",s=0):s++}else s++}return{term:o}},e}),e.define("select2/data/minimumInputLength",[],function(){function e(e,t,n){this.minimumInputLength=n.get("minimumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",t.term.length<this.minimumInputLength?this.trigger("results:message",{message:"inputTooShort",args:{minimum:this.minimumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),e.define("select2/data/maximumInputLength",[],function(){function e(e,t,n){this.maximumInputLength=n.get("maximumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",0<this.maximumInputLength&&t.term.length>this.maximumInputLength?this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),e.define("select2/data/maximumSelectionLength",[],function(){function e(e,t,n){this.maximumSelectionLength=n.get("maximumSelectionLength"),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("select",function(){i._checkIfMaximumSelected()})},e.prototype.query=function(e,t,n){var i=this;this._checkIfMaximumSelected(function(){e.call(i,t,n)})},e.prototype._checkIfMaximumSelected=function(e,n){var i=this;this.current(function(e){var t=null!=e?e.length:0;0<i.maximumSelectionLength&&t>=i.maximumSelectionLength?i.trigger("results:message",{message:"maximumSelected",args:{maximum:i.maximumSelectionLength}}):n&&n()})},e}),e.define("select2/dropdown",["jquery","./utils"],function(t,e){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return e.Extend(n,e.Observable),n.prototype.render=function(){var e=t('<span class="select2-dropdown"><span class="select2-results"></span></span>');return e.attr("dir",this.options.get("dir")),this.$dropdown=e},n.prototype.bind=function(){},n.prototype.position=function(e,t){},n.prototype.destroy=function(){this.$dropdown.remove()},n}),e.define("select2/dropdown/search",["jquery","../utils"],function(o,e){function t(){}return t.prototype.render=function(e){var t=e.call(this),n=o('<span class="select2-search select2-search--dropdown"><input class="select2-search__field" type="search" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></span>');return this.$searchContainer=n,this.$search=n.find("input"),t.prepend(n),t},t.prototype.bind=function(e,t,n){var i=this,r=t.id+"-results";e.call(this,t,n),this.$search.on("keydown",function(e){i.trigger("keypress",e),i._keyUpPrevented=e.isDefaultPrevented()}),this.$search.on("input",function(e){o(this).off("keyup")}),this.$search.on("keyup input",function(e){i.handleSearch(e)}),t.on("open",function(){i.$search.attr("tabindex",0),i.$search.attr("aria-controls",r),i.$search.trigger("focus"),window.setTimeout(function(){i.$search.trigger("focus")},0)}),t.on("close",function(){i.$search.attr("tabindex",-1),i.$search.removeAttr("aria-controls"),i.$search.removeAttr("aria-activedescendant"),i.$search.val(""),i.$search.trigger("blur")}),t.on("focus",function(){t.isOpen()||i.$search.trigger("focus")}),t.on("results:all",function(e){null!=e.query.term&&""!==e.query.term||(i.showSearch(e)?i.$searchContainer.removeClass("select2-search--hide"):i.$searchContainer.addClass("select2-search--hide"))}),t.on("results:focus",function(e){e.data._resultId?i.$search.attr("aria-activedescendant",e.data._resultId):i.$search.removeAttr("aria-activedescendant")})},t.prototype.handleSearch=function(e){if(!this._keyUpPrevented){var t=this.$search.val();this.trigger("query",{term:t})}this._keyUpPrevented=!1},t.prototype.showSearch=function(e,t){return!0},t}),e.define("select2/dropdown/hidePlaceholder",[],function(){function e(e,t,n,i){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n,i)}return e.prototype.append=function(e,t){t.results=this.removePlaceholder(t.results),e.call(this,t)},e.prototype.normalizePlaceholder=function(e,t){return"string"==typeof t&&(t={id:"",text:t}),t},e.prototype.removePlaceholder=function(e,t){for(var n=t.slice(0),i=t.length-1;0<=i;i--){var r=t[i];this.placeholder.id===r.id&&n.splice(i,1)}return n},e}),e.define("select2/dropdown/infiniteScroll",["jquery"],function(n){function e(e,t,n,i){this.lastParams={},e.call(this,t,n,i),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return e.prototype.append=function(e,t){this.$loadingMore.remove(),this.loading=!1,e.call(this,t),this.showLoadingMore(t)&&(this.$results.append(this.$loadingMore),this.loadMoreIfNeeded())},e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("query",function(e){i.lastParams=e,i.loading=!0}),t.on("query:append",function(e){i.lastParams=e,i.loading=!0}),this.$results.on("scroll",this.loadMoreIfNeeded.bind(this))},e.prototype.loadMoreIfNeeded=function(){var e=n.contains(document.documentElement,this.$loadingMore[0]);if(!this.loading&&e){var t=this.$results.offset().top+this.$results.outerHeight(!1);this.$loadingMore.offset().top+this.$loadingMore.outerHeight(!1)<=t+50&&this.loadMore()}},e.prototype.loadMore=function(){this.loading=!0;var e=n.extend({},{page:1},this.lastParams);e.page++,this.trigger("query:append",e)},e.prototype.showLoadingMore=function(e,t){return t.pagination&&t.pagination.more},e.prototype.createLoadingMore=function(){var e=n('<li class="select2-results__option select2-results__option--load-more"role="option" aria-disabled="true"></li>'),t=this.options.get("translations").get("loadingMore");return e.html(t(this.lastParams)),e},e}),e.define("select2/dropdown/attachBody",["jquery","../utils"],function(f,a){function e(e,t,n){this.$dropdownParent=f(n.get("dropdownParent")||document.body),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("open",function(){i._showDropdown(),i._attachPositioningHandler(t),i._bindContainerResultHandlers(t)}),t.on("close",function(){i._hideDropdown(),i._detachPositioningHandler(t)}),this.$dropdownContainer.on("mousedown",function(e){e.stopPropagation()})},e.prototype.destroy=function(e){e.call(this),this.$dropdownContainer.remove()},e.prototype.position=function(e,t,n){t.attr("class",n.attr("class")),t.removeClass("select2"),t.addClass("select2-container--open"),t.css({position:"absolute",top:-999999}),this.$container=n},e.prototype.render=function(e){var t=f("<span></span>"),n=e.call(this);return t.append(n),this.$dropdownContainer=t},e.prototype._hideDropdown=function(e){this.$dropdownContainer.detach()},e.prototype._bindContainerResultHandlers=function(e,t){if(!this._containerResultsHandlersBound){var n=this;t.on("results:all",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:append",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:message",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("select",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("unselect",function(){n._positionDropdown(),n._resizeDropdown()}),this._containerResultsHandlersBound=!0}},e.prototype._attachPositioningHandler=function(e,t){var n=this,i="scroll.select2."+t.id,r="resize.select2."+t.id,o="orientationchange.select2."+t.id,s=this.$container.parents().filter(a.hasScroll);s.each(function(){a.StoreData(this,"select2-scroll-position",{x:f(this).scrollLeft(),y:f(this).scrollTop()})}),s.on(i,function(e){var t=a.GetData(this,"select2-scroll-position");f(this).scrollTop(t.y)}),f(window).on(i+" "+r+" "+o,function(e){n._positionDropdown(),n._resizeDropdown()})},e.prototype._detachPositioningHandler=function(e,t){var n="scroll.select2."+t.id,i="resize.select2."+t.id,r="orientationchange.select2."+t.id;this.$container.parents().filter(a.hasScroll).off(n),f(window).off(n+" "+i+" "+r)},e.prototype._positionDropdown=function(){var e=f(window),t=this.$dropdown.hasClass("select2-dropdown--above"),n=this.$dropdown.hasClass("select2-dropdown--below"),i=null,r=this.$container.offset();r.bottom=r.top+this.$container.outerHeight(!1);var o={height:this.$container.outerHeight(!1)};o.top=r.top,o.bottom=r.top+o.height;var s=this.$dropdown.outerHeight(!1),a=e.scrollTop(),l=e.scrollTop()+e.height(),c=a<r.top-s,u=l>r.bottom+s,d={left:r.left,top:o.bottom},p=this.$dropdownParent;"static"===p.css("position")&&(p=p.offsetParent());var h={top:0,left:0};(f.contains(document.body,p[0])||p[0].isConnected)&&(h=p.offset()),d.top-=h.top,d.left-=h.left,t||n||(i="below"),u||!c||t?!c&&u&&t&&(i="below"):i="above",("above"==i||t&&"below"!==i)&&(d.top=o.top-h.top-s),null!=i&&(this.$dropdown.removeClass("select2-dropdown--below select2-dropdown--above").addClass("select2-dropdown--"+i),this.$container.removeClass("select2-container--below select2-container--above").addClass("select2-container--"+i)),this.$dropdownContainer.css(d)},e.prototype._resizeDropdown=function(){var e={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(e.minWidth=e.width,e.position="relative",e.width="auto"),this.$dropdown.css(e)},e.prototype._showDropdown=function(e){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},e}),e.define("select2/dropdown/minimumResultsForSearch",[],function(){function e(e,t,n,i){this.minimumResultsForSearch=n.get("minimumResultsForSearch"),this.minimumResultsForSearch<0&&(this.minimumResultsForSearch=1/0),e.call(this,t,n,i)}return e.prototype.showSearch=function(e,t){return!(function e(t){for(var n=0,i=0;i<t.length;i++){var r=t[i];r.children?n+=e(r.children):n++}return n}(t.data.results)<this.minimumResultsForSearch)&&e.call(this,t)},e}),e.define("select2/dropdown/selectOnClose",["../utils"],function(o){function e(){}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("close",function(e){i._handleSelectOnClose(e)})},e.prototype._handleSelectOnClose=function(e,t){if(t&&null!=t.originalSelect2Event){var n=t.originalSelect2Event;if("select"===n._type||"unselect"===n._type)return}var i=this.getHighlightedResults();if(!(i.length<1)){var r=o.GetData(i[0],"data");null!=r.element&&r.element.selected||null==r.element&&r.selected||this.trigger("select",{data:r})}},e}),e.define("select2/dropdown/closeOnSelect",[],function(){function e(){}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("select",function(e){i._selectTriggered(e)}),t.on("unselect",function(e){i._selectTriggered(e)})},e.prototype._selectTriggered=function(e,t){var n=t.originalEvent;n&&(n.ctrlKey||n.metaKey)||this.trigger("close",{originalEvent:n,originalSelect2Event:t})},e}),e.define("select2/i18n/en",[],function(){return{errorLoading:function(){return"The results could not be loaded."},inputTooLong:function(e){var t=e.input.length-e.maximum,n="Please delete "+t+" character";return 1!=t&&(n+="s"),n},inputTooShort:function(e){return"Please enter "+(e.minimum-e.input.length)+" or more characters"},loadingMore:function(){return"Loading more results…"},maximumSelected:function(e){var t="You can only select "+e.maximum+" item";return 1!=e.maximum&&(t+="s"),t},noResults:function(){return"No results found"},searching:function(){return"Searching…"},removeAllItems:function(){return"Remove all items"}}}),e.define("select2/defaults",["jquery","require","./results","./selection/single","./selection/multiple","./selection/placeholder","./selection/allowClear","./selection/search","./selection/eventRelay","./utils","./translation","./diacritics","./data/select","./data/array","./data/ajax","./data/tags","./data/tokenizer","./data/minimumInputLength","./data/maximumInputLength","./data/maximumSelectionLength","./dropdown","./dropdown/search","./dropdown/hidePlaceholder","./dropdown/infiniteScroll","./dropdown/attachBody","./dropdown/minimumResultsForSearch","./dropdown/selectOnClose","./dropdown/closeOnSelect","./i18n/en"],function(c,u,d,p,h,f,g,m,v,y,s,t,_,w,$,b,A,x,D,S,C,E,O,T,q,j,L,I,e){function n(){this.reset()}return n.prototype.apply=function(e){if(null==(e=c.extend(!0,{},this.defaults,e)).dataAdapter){if(null!=e.ajax?e.dataAdapter=$:null!=e.data?e.dataAdapter=w:e.dataAdapter=_,0<e.minimumInputLength&&(e.dataAdapter=y.Decorate(e.dataAdapter,x)),0<e.maximumInputLength&&(e.dataAdapter=y.Decorate(e.dataAdapter,D)),0<e.maximumSelectionLength&&(e.dataAdapter=y.Decorate(e.dataAdapter,S)),e.tags&&(e.dataAdapter=y.Decorate(e.dataAdapter,b)),null==e.tokenSeparators&&null==e.tokenizer||(e.dataAdapter=y.Decorate(e.dataAdapter,A)),null!=e.query){var t=u(e.amdBase+"compat/query");e.dataAdapter=y.Decorate(e.dataAdapter,t)}if(null!=e.initSelection){var n=u(e.amdBase+"compat/initSelection");e.dataAdapter=y.Decorate(e.dataAdapter,n)}}if(null==e.resultsAdapter&&(e.resultsAdapter=d,null!=e.ajax&&(e.resultsAdapter=y.Decorate(e.resultsAdapter,T)),null!=e.placeholder&&(e.resultsAdapter=y.Decorate(e.resultsAdapter,O)),e.selectOnClose&&(e.resultsAdapter=y.Decorate(e.resultsAdapter,L))),null==e.dropdownAdapter){if(e.multiple)e.dropdownAdapter=C;else{var i=y.Decorate(C,E);e.dropdownAdapter=i}if(0!==e.minimumResultsForSearch&&(e.dropdownAdapter=y.Decorate(e.dropdownAdapter,j)),e.closeOnSelect&&(e.dropdownAdapter=y.Decorate(e.dropdownAdapter,I)),null!=e.dropdownCssClass||null!=e.dropdownCss||null!=e.adaptDropdownCssClass){var r=u(e.amdBase+"compat/dropdownCss");e.dropdownAdapter=y.Decorate(e.dropdownAdapter,r)}e.dropdownAdapter=y.Decorate(e.dropdownAdapter,q)}if(null==e.selectionAdapter){if(e.multiple?e.selectionAdapter=h:e.selectionAdapter=p,null!=e.placeholder&&(e.selectionAdapter=y.Decorate(e.selectionAdapter,f)),e.allowClear&&(e.selectionAdapter=y.Decorate(e.selectionAdapter,g)),e.multiple&&(e.selectionAdapter=y.Decorate(e.selectionAdapter,m)),null!=e.containerCssClass||null!=e.containerCss||null!=e.adaptContainerCssClass){var o=u(e.amdBase+"compat/containerCss");e.selectionAdapter=y.Decorate(e.selectionAdapter,o)}e.selectionAdapter=y.Decorate(e.selectionAdapter,v)}e.language=this._resolveLanguage(e.language),e.language.push("en");for(var s=[],a=0;a<e.language.length;a++){var l=e.language[a];-1===s.indexOf(l)&&s.push(l)}return e.language=s,e.translations=this._processTranslations(e.language,e.debug),e},n.prototype.reset=function(){function a(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return t[e]||e})}this.defaults={amdBase:"./",amdLanguageBase:"./i18n/",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:y.escapeMarkup,language:{},matcher:function e(t,n){if(""===c.trim(t.term))return n;if(n.children&&0<n.children.length){for(var i=c.extend(!0,{},n),r=n.children.length-1;0<=r;r--)null==e(t,n.children[r])&&i.children.splice(r,1);return 0<i.children.length?i:e(t,i)}var o=a(n.text).toUpperCase(),s=a(t.term).toUpperCase();return-1<o.indexOf(s)?n:null},minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,scrollAfterSelect:!1,sorter:function(e){return e},templateResult:function(e){return e.text},templateSelection:function(e){return e.text},theme:"default",width:"resolve"}},n.prototype.applyFromElement=function(e,t){var n=e.language,i=this.defaults.language,r=t.prop("lang"),o=t.closest("[lang]").prop("lang"),s=Array.prototype.concat.call(this._resolveLanguage(r),this._resolveLanguage(n),this._resolveLanguage(i),this._resolveLanguage(o));return e.language=s,e},n.prototype._resolveLanguage=function(e){if(!e)return[];if(c.isEmptyObject(e))return[];if(c.isPlainObject(e))return[e];var t;t=c.isArray(e)?e:[e];for(var n=[],i=0;i<t.length;i++)if(n.push(t[i]),"string"==typeof t[i]&&0<t[i].indexOf("-")){var r=t[i].split("-")[0];n.push(r)}return n},n.prototype._processTranslations=function(e,t){for(var n=new s,i=0;i<e.length;i++){var r=new s,o=e[i];if("string"==typeof o)try{r=s.loadPath(o)}catch(e){try{o=this.defaults.amdLanguageBase+o,r=s.loadPath(o)}catch(e){t&&window.console&&console.warn&&console.warn('Select2: The language file for "'+o+'" could not be automatically loaded. A fallback will be used instead.')}}else r=c.isPlainObject(o)?new s(o):o;n.extend(r)}return n},n.prototype.set=function(e,t){var n={};n[c.camelCase(e)]=t;var i=y._convertData(n);c.extend(!0,this.defaults,i)},new n}),e.define("select2/options",["require","jquery","./defaults","./utils"],function(i,d,r,p){function e(e,t){if(this.options=e,null!=t&&this.fromElement(t),null!=t&&(this.options=r.applyFromElement(this.options,t)),this.options=r.apply(this.options),t&&t.is("input")){var n=i(this.get("amdBase")+"compat/inputData");this.options.dataAdapter=p.Decorate(this.options.dataAdapter,n)}}return e.prototype.fromElement=function(e){var t=["select2"];null==this.options.multiple&&(this.options.multiple=e.prop("multiple")),null==this.options.disabled&&(this.options.disabled=e.prop("disabled")),null==this.options.dir&&(e.prop("dir")?this.options.dir=e.prop("dir"):e.closest("[dir]").prop("dir")?this.options.dir=e.closest("[dir]").prop("dir"):this.options.dir="ltr"),e.prop("disabled",this.options.disabled),e.prop("multiple",this.options.multiple),p.GetData(e[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),p.StoreData(e[0],"data",p.GetData(e[0],"select2Tags")),p.StoreData(e[0],"tags",!0)),p.GetData(e[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),e.attr("ajax--url",p.GetData(e[0],"ajaxUrl")),p.StoreData(e[0],"ajax-Url",p.GetData(e[0],"ajaxUrl")));var n={};function i(e,t){return t.toUpperCase()}for(var r=0;r<e[0].attributes.length;r++){var o=e[0].attributes[r].name,s="data-";if(o.substr(0,s.length)==s){var a=o.substring(s.length),l=p.GetData(e[0],a);n[a.replace(/-([a-z])/g,i)]=l}}d.fn.jquery&&"1."==d.fn.jquery.substr(0,2)&&e[0].dataset&&(n=d.extend(!0,{},e[0].dataset,n));var c=d.extend(!0,{},p.GetData(e[0]),n);for(var u in c=p._convertData(c))-1<d.inArray(u,t)||(d.isPlainObject(this.options[u])?d.extend(this.options[u],c[u]):this.options[u]=c[u]);return this},e.prototype.get=function(e){return this.options[e]},e.prototype.set=function(e,t){this.options[e]=t},e}),e.define("select2/core",["jquery","./options","./utils","./keys"],function(o,c,u,i){var d=function(e,t){null!=u.GetData(e[0],"select2")&&u.GetData(e[0],"select2").destroy(),this.$element=e,this.id=this._generateId(e),t=t||{},this.options=new c(t,e),d.__super__.constructor.call(this);var n=e.attr("tabindex")||0;u.StoreData(e[0],"old-tabindex",n),e.attr("tabindex","-1");var i=this.options.get("dataAdapter");this.dataAdapter=new i(e,this.options);var r=this.render();this._placeContainer(r);var o=this.options.get("selectionAdapter");this.selection=new o(e,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,r);var s=this.options.get("dropdownAdapter");this.dropdown=new s(e,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,r);var a=this.options.get("resultsAdapter");this.results=new a(e,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var l=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(e){l.trigger("selection:update",{data:e})}),e.addClass("select2-hidden-accessible"),e.attr("aria-hidden","true"),this._syncAttributes(),u.StoreData(e[0],"select2",this),e.data("select2",this)};return u.Extend(d,u.Observable),d.prototype._generateId=function(e){return"select2-"+(null!=e.attr("id")?e.attr("id"):null!=e.attr("name")?e.attr("name")+"-"+u.generateChars(2):u.generateChars(4)).replace(/(:|\.|\[|\]|,)/g,"")},d.prototype._placeContainer=function(e){e.insertAfter(this.$element);var t=this._resolveWidth(this.$element,this.options.get("width"));null!=t&&e.css("width",t)},d.prototype._resolveWidth=function(e,t){var n=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==t){var i=this._resolveWidth(e,"style");return null!=i?i:this._resolveWidth(e,"element")}if("element"==t){var r=e.outerWidth(!1);return r<=0?"auto":r+"px"}if("style"!=t)return"computedstyle"!=t?t:window.getComputedStyle(e[0]).width;var o=e.attr("style");if("string"!=typeof o)return null;for(var s=o.split(";"),a=0,l=s.length;a<l;a+=1){var c=s[a].replace(/\s/g,"").match(n);if(null!==c&&1<=c.length)return c[1]}return null},d.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},d.prototype._registerDomEvents=function(){var t=this;this.$element.on("change.select2",function(){t.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})}),this.$element.on("focus.select2",function(e){t.trigger("focus",e)}),this._syncA=u.bind(this._syncAttributes,this),this._syncS=u.bind(this._syncSubtree,this),this.$element[0].attachEvent&&this.$element[0].attachEvent("onpropertychange",this._syncA);var e=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;null!=e?(this._observer=new e(function(e){t._syncA(),t._syncS(null,e)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})):this.$element[0].addEventListener&&(this.$element[0].addEventListener("DOMAttrModified",t._syncA,!1),this.$element[0].addEventListener("DOMNodeInserted",t._syncS,!1),this.$element[0].addEventListener("DOMNodeRemoved",t._syncS,!1))},d.prototype._registerDataEvents=function(){var n=this;this.dataAdapter.on("*",function(e,t){n.trigger(e,t)})},d.prototype._registerSelectionEvents=function(){var n=this,i=["toggle","focus"];this.selection.on("toggle",function(){n.toggleDropdown()}),this.selection.on("focus",function(e){n.focus(e)}),this.selection.on("*",function(e,t){-1===o.inArray(e,i)&&n.trigger(e,t)})},d.prototype._registerDropdownEvents=function(){var n=this;this.dropdown.on("*",function(e,t){n.trigger(e,t)})},d.prototype._registerResultsEvents=function(){var n=this;this.results.on("*",function(e,t){n.trigger(e,t)})},d.prototype._registerEvents=function(){var n=this;this.on("open",function(){n.$container.addClass("select2-container--open")}),this.on("close",function(){n.$container.removeClass("select2-container--open")}),this.on("enable",function(){n.$container.removeClass("select2-container--disabled")}),this.on("disable",function(){n.$container.addClass("select2-container--disabled")}),this.on("blur",function(){n.$container.removeClass("select2-container--focus")}),this.on("query",function(t){n.isOpen()||n.trigger("open",{}),this.dataAdapter.query(t,function(e){n.trigger("results:all",{data:e,query:t})})}),this.on("query:append",function(t){this.dataAdapter.query(t,function(e){n.trigger("results:append",{data:e,query:t})})}),this.on("keypress",function(e){var t=e.which;n.isOpen()?t===i.ESC||t===i.TAB||t===i.UP&&e.altKey?(n.close(e),e.preventDefault()):t===i.ENTER?(n.trigger("results:select",{}),e.preventDefault()):t===i.SPACE&&e.ctrlKey?(n.trigger("results:toggle",{}),e.preventDefault()):t===i.UP?(n.trigger("results:previous",{}),e.preventDefault()):t===i.DOWN&&(n.trigger("results:next",{}),e.preventDefault()):(t===i.ENTER||t===i.SPACE||t===i.DOWN&&e.altKey)&&(n.open(),e.preventDefault())})},d.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.isDisabled()?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},d.prototype._isChangeMutation=function(e,t){var n=!1,i=this;if(!e||!e.target||"OPTION"===e.target.nodeName||"OPTGROUP"===e.target.nodeName){if(t)if(t.addedNodes&&0<t.addedNodes.length)for(var r=0;r<t.addedNodes.length;r++){t.addedNodes[r].selected&&(n=!0)}else t.removedNodes&&0<t.removedNodes.length?n=!0:o.isArray(t)&&o.each(t,function(e,t){if(i._isChangeMutation(e,t))return!(n=!0)});else n=!0;return n}},d.prototype._syncSubtree=function(e,t){var n=this._isChangeMutation(e,t),i=this;n&&this.dataAdapter.current(function(e){i.trigger("selection:update",{data:e})})},d.prototype.trigger=function(e,t){var n=d.__super__.trigger,i={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===t&&(t={}),e in i){var r=i[e],o={prevented:!1,name:e,args:t};if(n.call(this,r,o),o.prevented)return void(t.prevented=!0)}n.call(this,e,t)},d.prototype.toggleDropdown=function(){this.isDisabled()||(this.isOpen()?this.close():this.open())},d.prototype.open=function(){this.isOpen()||this.isDisabled()||this.trigger("query",{})},d.prototype.close=function(e){this.isOpen()&&this.trigger("close",{originalEvent:e})},d.prototype.isEnabled=function(){return!this.isDisabled()},d.prototype.isDisabled=function(){return this.options.get("disabled")},d.prototype.isOpen=function(){return this.$container.hasClass("select2-container--open")},d.prototype.hasFocus=function(){return this.$container.hasClass("select2-container--focus")},d.prototype.focus=function(e){this.hasFocus()||(this.$container.addClass("select2-container--focus"),this.trigger("focus",{}))},d.prototype.enable=function(e){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.'),null!=e&&0!==e.length||(e=[!0]);var t=!e[0];this.$element.prop("disabled",t)},d.prototype.data=function(){this.options.get("debug")&&0<arguments.length&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var t=[];return this.dataAdapter.current(function(e){t=e}),t},d.prototype.val=function(e){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==e||0===e.length)return this.$element.val();var t=e[0];o.isArray(t)&&(t=o.map(t,function(e){return e.toString()})),this.$element.val(t).trigger("input").trigger("change")},d.prototype.destroy=function(){this.$container.remove(),this.$element[0].detachEvent&&this.$element[0].detachEvent("onpropertychange",this._syncA),null!=this._observer?(this._observer.disconnect(),this._observer=null):this.$element[0].removeEventListener&&(this.$element[0].removeEventListener("DOMAttrModified",this._syncA,!1),this.$element[0].removeEventListener("DOMNodeInserted",this._syncS,!1),this.$element[0].removeEventListener("DOMNodeRemoved",this._syncS,!1)),this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",u.GetData(this.$element[0],"old-tabindex")),this.$element.removeClass("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),u.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},d.prototype.render=function(){var e=o('<span class="select2 select2-container"><span class="selection"></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>');return e.attr("dir",this.options.get("dir")),this.$container=e,this.$container.addClass("select2-container--"+this.options.get("theme")),u.StoreData(e[0],"element",this.$element),e},d}),e.define("select2/compat/utils",["jquery"],function(s){return{syncCssClasses:function(e,t,n){var i,r,o=[];(i=s.trim(e.attr("class")))&&s((i=""+i).split(/\s+/)).each(function(){0===this.indexOf("select2-")&&o.push(this)}),(i=s.trim(t.attr("class")))&&s((i=""+i).split(/\s+/)).each(function(){0!==this.indexOf("select2-")&&null!=(r=n(this))&&o.push(r)}),e.attr("class",o.join(" "))}}}),e.define("select2/compat/containerCss",["jquery","./utils"],function(s,a){function l(e){return null}function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("containerCssClass")||"";s.isFunction(n)&&(n=n(this.$element));var i=this.options.get("adaptContainerCssClass");if(i=i||l,-1!==n.indexOf(":all:")){n=n.replace(":all:","");var r=i;i=function(e){var t=r(e);return null!=t?t+" "+e:e}}var o=this.options.get("containerCss")||{};return s.isFunction(o)&&(o=o(this.$element)),a.syncCssClasses(t,this.$element,i),t.css(o),t.addClass(n),t},e}),e.define("select2/compat/dropdownCss",["jquery","./utils"],function(s,a){function l(e){return null}function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("dropdownCssClass")||"";s.isFunction(n)&&(n=n(this.$element));var i=this.options.get("adaptDropdownCssClass");if(i=i||l,-1!==n.indexOf(":all:")){n=n.replace(":all:","");var r=i;i=function(e){var t=r(e);return null!=t?t+" "+e:e}}var o=this.options.get("dropdownCss")||{};return s.isFunction(o)&&(o=o(this.$element)),a.syncCssClasses(t,this.$element,i),t.css(o),t.addClass(n),t},e}),e.define("select2/compat/initSelection",["jquery"],function(i){function e(e,t,n){n.get("debug")&&window.console&&console.warn&&console.warn("Select2: The `initSelection` option has been deprecated in favor of a custom data adapter that overrides the `current` method. This method is now called multiple times instead of a single time when the instance is initialized. Support will be removed for the `initSelection` option in future versions of Select2"),this.initSelection=n.get("initSelection"),this._isInitialized=!1,e.call(this,t,n)}return e.prototype.current=function(e,t){var n=this;this._isInitialized?e.call(this,t):this.initSelection.call(null,this.$element,function(e){n._isInitialized=!0,i.isArray(e)||(e=[e]),t(e)})},e}),e.define("select2/compat/inputData",["jquery","../utils"],function(s,i){function e(e,t,n){this._currentData=[],this._valueSeparator=n.get("valueSeparator")||",","hidden"===t.prop("type")&&n.get("debug")&&console&&console.warn&&console.warn("Select2: Using a hidden input with Select2 is no longer supported and may stop working in the future. It is recommended to use a `<select>` element instead."),e.call(this,t,n)}return e.prototype.current=function(e,t){function i(e,t){var n=[];return e.selected||-1!==s.inArray(e.id,t)?(e.selected=!0,n.push(e)):e.selected=!1,e.children&&n.push.apply(n,i(e.children,t)),n}for(var n=[],r=0;r<this._currentData.length;r++){var o=this._currentData[r];n.push.apply(n,i(o,this.$element.val().split(this._valueSeparator)))}t(n)},e.prototype.select=function(e,t){if(this.options.get("multiple")){var n=this.$element.val();n+=this._valueSeparator+t.id,this.$element.val(n),this.$element.trigger("input").trigger("change")}else this.current(function(e){s.map(e,function(e){e.selected=!1})}),this.$element.val(t.id),this.$element.trigger("input").trigger("change")},e.prototype.unselect=function(e,r){var o=this;r.selected=!1,this.current(function(e){for(var t=[],n=0;n<e.length;n++){var i=e[n];r.id!=i.id&&t.push(i.id)}o.$element.val(t.join(o._valueSeparator)),o.$element.trigger("input").trigger("change")})},e.prototype.query=function(e,t,n){for(var i=[],r=0;r<this._currentData.length;r++){var o=this._currentData[r],s=this.matches(t,o);null!==s&&i.push(s)}n({results:i})},e.prototype.addOptions=function(e,t){var n=s.map(t,function(e){return i.GetData(e[0],"data")});this._currentData.push.apply(this._currentData,n)},e}),e.define("select2/compat/matcher",["jquery"],function(s){return function(o){return function(e,t){var n=s.extend(!0,{},t);if(null==e.term||""===s.trim(e.term))return n;if(t.children){for(var i=t.children.length-1;0<=i;i--){var r=t.children[i];o(e.term,r.text,r)||n.children.splice(i,1)}if(0<n.children.length)return n}return o(e.term,t.text,t)?n:null}}}),e.define("select2/compat/query",[],function(){function e(e,t,n){n.get("debug")&&window.console&&console.warn&&console.warn("Select2: The `query` option has been deprecated in favor of a custom data adapter that overrides the `query` method. Support will be removed for the `query` option in future versions of Select2."),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.callback=n,this.options.get("query").call(null,t)},e}),e.define("select2/dropdown/attachContainer",[],function(){function e(e,t,n){e.call(this,t,n)}return e.prototype.position=function(e,t,n){n.find(".dropdown-wrapper").append(t),t.addClass("select2-dropdown--below"),n.addClass("select2-container--below")},e}),e.define("select2/dropdown/stopPropagation",[],function(){function e(){}return e.prototype.bind=function(e,t,n){e.call(this,t,n);this.$dropdown.on(["blur","change","click","dblclick","focus","focusin","focusout","input","keydown","keyup","keypress","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseup","search","touchend","touchstart"].join(" "),function(e){e.stopPropagation()})},e}),e.define("select2/selection/stopPropagation",[],function(){function e(){}return e.prototype.bind=function(e,t,n){e.call(this,t,n);this.$selection.on(["blur","change","click","dblclick","focus","focusin","focusout","input","keydown","keyup","keypress","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseup","search","touchend","touchstart"].join(" "),function(e){e.stopPropagation()})},e}),l=function(p){var h,f,e=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],t="onwheel"in document||9<=document.documentMode?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],g=Array.prototype.slice;if(p.event.fixHooks)for(var n=e.length;n;)p.event.fixHooks[e[--n]]=p.event.mouseHooks;var m=p.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var e=t.length;e;)this.addEventListener(t[--e],i,!1);else this.onmousewheel=i;p.data(this,"mousewheel-line-height",m.getLineHeight(this)),p.data(this,"mousewheel-page-height",m.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var e=t.length;e;)this.removeEventListener(t[--e],i,!1);else this.onmousewheel=null;p.removeData(this,"mousewheel-line-height"),p.removeData(this,"mousewheel-page-height")},getLineHeight:function(e){var t=p(e),n=t["offsetParent"in p.fn?"offsetParent":"parent"]();return n.length||(n=p("body")),parseInt(n.css("fontSize"),10)||parseInt(t.css("fontSize"),10)||16},getPageHeight:function(e){return p(e).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};function i(e){var t,n=e||window.event,i=g.call(arguments,1),r=0,o=0,s=0,a=0,l=0;if((e=p.event.fix(n)).type="mousewheel","detail"in n&&(s=-1*n.detail),"wheelDelta"in n&&(s=n.wheelDelta),"wheelDeltaY"in n&&(s=n.wheelDeltaY),"wheelDeltaX"in n&&(o=-1*n.wheelDeltaX),"axis"in n&&n.axis===n.HORIZONTAL_AXIS&&(o=-1*s,s=0),r=0===s?o:s,"deltaY"in n&&(r=s=-1*n.deltaY),"deltaX"in n&&(o=n.deltaX,0===s&&(r=-1*o)),0!==s||0!==o){if(1===n.deltaMode){var c=p.data(this,"mousewheel-line-height");r*=c,s*=c,o*=c}else if(2===n.deltaMode){var u=p.data(this,"mousewheel-page-height");r*=u,s*=u,o*=u}if(t=Math.max(Math.abs(s),Math.abs(o)),(!f||t<f)&&y(n,f=t)&&(f/=40),y(n,t)&&(r/=40,o/=40,s/=40),r=Math[1<=r?"floor":"ceil"](r/f),o=Math[1<=o?"floor":"ceil"](o/f),s=Math[1<=s?"floor":"ceil"](s/f),m.settings.normalizeOffset&&this.getBoundingClientRect){var d=this.getBoundingClientRect();a=e.clientX-d.left,l=e.clientY-d.top}return e.deltaX=o,e.deltaY=s,e.deltaFactor=f,e.offsetX=a,e.offsetY=l,e.deltaMode=0,i.unshift(e,r,o,s),h&&clearTimeout(h),h=setTimeout(v,200),(p.event.dispatch||p.event.handle).apply(this,i)}}function v(){f=null}function y(e,t){return m.settings.adjustOldDeltas&&"mousewheel"===e.type&&t%120==0}p.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}})},"function"==typeof e.define&&e.define.amd?e.define("jquery-mousewheel",["jquery"],l):"object"==typeof exports?module.exports=l:l(d),e.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(r,e,o,t,s){if(null==r.fn.select2){var a=["open","close","destroy"];r.fn.select2=function(t){if("object"==typeof(t=t||{}))return this.each(function(){var e=r.extend(!0,{},t);new o(r(this),e)}),this;if("string"!=typeof t)throw new Error("Invalid arguments for Select2: "+t);var n,i=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=s.GetData(this,"select2");null==e&&window.console&&console.error&&console.error("The select2('"+t+"') method was called on an element that is not using Select2."),n=e[t].apply(e,i)}),-1<r.inArray(t,a)?this:n}}return null==r.fn.select2.defaults&&(r.fn.select2.defaults=t),o}),{define:e.define,require:e.require}}(),t=e.require("jquery.select2");return d.fn.select2.amd=e,t});
-/*! AdminLTE app.js
-* ================
-* Main JS application file for AdminLTE v2. This file
-* should be included in all pages. It controls some layout
-* options and implements exclusive AdminLTE plugins.
-*
-* @author Colorlib
-* @support <https://github.com/ColorlibHQ/AdminLTE/issues>
-* @version v2.4.18
-* @repository git://github.com/ColorlibHQ/AdminLTE.git
-* @license MIT <http://opensource.org/licenses/MIT>
-*/
-if("undefined"==typeof jQuery)throw new Error("AdminLTE requires jQuery");!function(i){"use strict";function s(t,e){if(this.element=t,this.options=e,this.$overlay=i(e.overlayTemplate),""===e.source)throw new Error("Source url was not defined. Please specify a url in your BoxRefresh source option.");this._setUpListeners(),this.load()}var r="lte.boxrefresh",a={source:"",params:{},trigger:".refresh-btn",content:".box-body",loadInContent:!0,responseType:"",overlayTemplate:'<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>',onLoadStart:function(){},onLoadDone:function(t){return t}},t='[data-widget="box-refresh"]';function e(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}if("string"==typeof e){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}s.prototype.load=function(){this._addOverlay(),this.options.onLoadStart.call(i(this)),i.get(this.options.source,this.options.params,function(t){this.options.loadInContent&&i(this.element).find(this.options.content).html(t),this.options.onLoadDone.call(i(this),t),this._removeOverlay()}.bind(this),""!==this.options.responseType&&this.options.responseType)},s.prototype._setUpListeners=function(){i(this.element).on("click",this.options.trigger,function(t){t&&t.preventDefault(),this.load()}.bind(this))},s.prototype._addOverlay=function(){i(this.element).append(this.$overlay)},s.prototype._removeOverlay=function(){i(this.$overlay).remove()};var o=i.fn.boxRefresh;i.fn.boxRefresh=e,i.fn.boxRefresh.Constructor=s,i.fn.boxRefresh.noConflict=function(){return i.fn.boxRefresh=o,this},i(window).on("load",function(){i(t).each(function(){e.call(i(this))})})}(jQuery),function(i){"use strict";function s(t,e){this.element=t,this.options=e,this._setUpListeners()}var r="lte.boxwidget",a={animationSpeed:500,collapseTrigger:'[data-widget="collapse"]',removeTrigger:'[data-widget="remove"]',collapseIcon:"fa-minus",expandIcon:"fa-plus",removeIcon:"fa-times"},t=".box",e=".collapsed-box",d=".box-header",l=".box-body",c=".box-footer",h=".box-tools",f="collapsed-box",p="collapsing.boxwidget",u="collapsed.boxwidget",g="expanding.boxwidget",v="expanded.boxwidget",o="removing.boxwidget",n="removed.boxwidget";function b(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}if("string"==typeof n){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}s.prototype.toggle=function(){!i(this.element).is(e)?this.collapse():this.expand()},s.prototype.expand=function(){var t=i.Event(v),e=i.Event(g),o=this.options.collapseIcon,n=this.options.expandIcon;i(this.element).removeClass(f),i(this.element).children(d+", "+l+", "+c).children(h).find("."+n).removeClass(n).addClass(o),i(this.element).children(l+", "+c).slideDown(this.options.animationSpeed,function(){i(this.element).trigger(t)}.bind(this)).trigger(e)},s.prototype.collapse=function(){var t=i.Event(u),e=i.Event(p),o=this.options.collapseIcon,n=this.options.expandIcon;i(this.element).children(d+", "+l+", "+c).children(h).find("."+o).removeClass(o).addClass(n),i(this.element).children(l+", "+c).slideUp(this.options.animationSpeed,function(){i(this.element).addClass(f),i(this.element).trigger(t)}.bind(this)).trigger(e)},s.prototype.remove=function(){var t=i.Event(n),e=i.Event(o);i(this.element).slideUp(this.options.animationSpeed,function(){i(this.element).trigger(t),i(this.element).remove()}.bind(this)).trigger(e)},s.prototype._setUpListeners=function(){var e=this;i(this.element).on("click",this.options.collapseTrigger,function(t){return t&&t.preventDefault(),e.toggle(i(this)),!1}),i(this.element).on("click",this.options.removeTrigger,function(t){return t&&t.preventDefault(),e.remove(i(this)),!1})};var m=i.fn.boxWidget;i.fn.boxWidget=b,i.fn.boxWidget.Constructor=s,i.fn.boxWidget.noConflict=function(){return i.fn.boxWidget=m,this},i(window).on("load",function(){i(t).each(function(){b.call(i(this))})})}(jQuery),function(i){"use strict";function s(t,e){this.element=t,this.options=e,this.hasBindedResize=!1,this.init()}var r="lte.controlsidebar",a={controlsidebarSlide:!0},e=".control-sidebar",t='[data-toggle="control-sidebar"]',o=".control-sidebar-open",n=".control-sidebar-bg",d=".wrapper",l=".layout-boxed",c="control-sidebar-open",h="control-sidebar-hold-transition",f="collapsed.controlsidebar",p="expanded.controlsidebar";function u(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}"string"==typeof n&&e.toggle()})}s.prototype.init=function(){i(this.element).is(t)||i(this).on("click",this.toggle),this.fix(),i(window).resize(function(){this.fix()}.bind(this))},s.prototype.toggle=function(t){t&&t.preventDefault(),this.fix(),i(e).is(o)||i("body").is(o)?this.collapse():this.expand()},s.prototype.expand=function(){i(e).show(),this.options.controlsidebarSlide?i(e).addClass(c):i("body").addClass(h).addClass(c).delay(50).queue(function(){i("body").removeClass(h),i(this).dequeue()}),i(this.element).trigger(i.Event(p))},s.prototype.collapse=function(){this.options.controlsidebarSlide?i(e).removeClass(c):i("body").addClass(h).removeClass(c).delay(50).queue(function(){i("body").removeClass(h),i(this).dequeue()}),i(e).fadeOut(),i(this.element).trigger(i.Event(f))},s.prototype.fix=function(){i("body").is(l)&&this._fixForBoxed(i(n))},s.prototype._fixForBoxed=function(t){t.css({position:"absolute",height:i(d).height()})};var g=i.fn.controlSidebar;i.fn.controlSidebar=u,i.fn.controlSidebar.Constructor=s,i.fn.controlSidebar.noConflict=function(){return i.fn.controlSidebar=g,this},i(document).on("click",t,function(t){t&&t.preventDefault(),u.call(i(this),"toggle")})}(jQuery),function(n){"use strict";function i(t){this.element=t}var s="lte.directchat",t='[data-widget="chat-pane-toggle"]',e=".direct-chat",o="direct-chat-contacts-open";function r(o){return this.each(function(){var t=n(this),e=t.data(s);e||t.data(s,e=new i(t)),"string"==typeof o&&e.toggle(t)})}i.prototype.toggle=function(t){t.parents(e).first().toggleClass(o)};var a=n.fn.directChat;n.fn.directChat=r,n.fn.directChat.Constructor=i,n.fn.directChat.noConflict=function(){return n.fn.directChat=a,this},n(document).on("click",t,function(t){t&&t.preventDefault(),r.call(n(this),"toggle")})}(jQuery),function(i){"use strict";function s(t){this.options=t,this.init()}var r="lte.pushmenu",a={collapseScreenSize:767,expandOnHover:!1,expandTransitionDelay:200},t=".sidebar-collapse",e=".main-sidebar",o=".content-wrapper",n=".sidebar-form .form-control",d='[data-toggle="push-menu"]',l=".sidebar-mini",c=".sidebar-expanded-on-hover",h=".fixed",f="sidebar-collapse",p="sidebar-open",u="sidebar-expanded-on-hover",g="sidebar-mini-expand-feature",v="expanded.pushMenu",b="collapsed.pushMenu";function m(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(o))}"toggle"===n&&e.toggle()})}s.prototype.init=function(){(this.options.expandOnHover||i("body").is(l+h))&&(this.expandOnHover(),i("body").addClass(g)),i(o).click(function(){i(window).width()<=this.options.collapseScreenSize&&i("body").hasClass(p)&&this.close()}.bind(this)),i(n).click(function(t){t.stopPropagation()})},s.prototype.toggle=function(){var t=i(window).width(),e=!i("body").hasClass(f);t<=this.options.collapseScreenSize&&(e=i("body").hasClass(p)),e?this.close():this.open()},s.prototype.open=function(){i(window).width()>this.options.collapseScreenSize?i("body").removeClass(f).trigger(i.Event(v)):i("body").addClass(p).trigger(i.Event(v))},s.prototype.close=function(){i(window).width()>this.options.collapseScreenSize?i("body").addClass(f).trigger(i.Event(b)):i("body").removeClass(p+" "+f).trigger(i.Event(b))},s.prototype.expandOnHover=function(){i(e).hover(function(){i("body").is(l+t)&&i(window).width()>this.options.collapseScreenSize&&this.expand()}.bind(this),function(){i("body").is(c)&&this.collapse()}.bind(this))},s.prototype.expand=function(){setTimeout(function(){i("body").removeClass(f).addClass(u)},this.options.expandTransitionDelay)},s.prototype.collapse=function(){setTimeout(function(){i("body").removeClass(u).addClass(f)},this.options.expandTransitionDelay)};var y=i.fn.pushMenu;i.fn.pushMenu=m,i.fn.pushMenu.Constructor=s,i.fn.pushMenu.noConflict=function(){return i.fn.pushMenu=y,this},i(document).on("click",d,function(t){t.preventDefault(),m.call(i(this),"toggle")}),i(window).on("load",function(){m.call(i(d))})}(jQuery),function(i){"use strict";function s(t,e){this.element=t,this.options=e,this._setUpListeners()}var r="lte.todolist",a={onCheck:function(t){return t},onUnCheck:function(t){return t}},e={data:'[data-widget="todo-list"]'},o="done";function t(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}if("string"==typeof e){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}s.prototype.toggle=function(t){t.parents(e.li).first().toggleClass(o),t.prop("checked")?this.check(t):this.unCheck(t)},s.prototype.check=function(t){this.options.onCheck.call(t)},s.prototype.unCheck=function(t){this.options.onUnCheck.call(t)},s.prototype._setUpListeners=function(){var t=this;i(this.element).on("change ifChanged","input:checkbox",function(){t.toggle(i(this))})};var n=i.fn.todoList;i.fn.todoList=t,i.fn.todoList.Constructor=s,i.fn.todoList.noConflict=function(){return i.fn.todoList=n,this},i(window).on("load",function(){i(e.data).each(function(){t.call(i(this))})})}(jQuery),function(s){"use strict";function n(t,e){this.element=t,this.options=e,s(this.element).addClass(h),s(a+o,this.element).addClass(c),this._setUpListeners()}var i="lte.tree",r={animationSpeed:500,accordion:!0,followLink:!1,trigger:".treeview a"},a=".treeview",d=".treeview-menu",l=".menu-open, .active",t='[data-widget="tree"]',o=".active",c="menu-open",h="tree",f="collapsed.tree",p="expanded.tree";function e(o){return this.each(function(){var t=s(this);if(!t.data(i)){var e=s.extend({},r,t.data(),"object"==typeof o&&o);t.data(i,new n(t,e))}})}n.prototype.toggle=function(t,e){var o=t.next(d),n=t.parent(),i=n.hasClass(c);n.is(a)&&(this.options.followLink&&"#"!==t.attr("href")||e.preventDefault(),i?this.collapse(o,n):this.expand(o,n))},n.prototype.expand=function(t,e){var o=s.Event(p);if(this.options.accordion){var n=e.siblings(l),i=n.children(d);this.collapse(i,n)}e.addClass(c),t.stop().slideDown(this.options.animationSpeed,function(){s(this.element).trigger(o),e.height("auto")}.bind(this))},n.prototype.collapse=function(t,e){var o=s.Event(f);e.removeClass(c),t.stop().slideUp(this.options.animationSpeed,function(){s(this.element).trigger(o),e.find(a).removeClass(c).find(d).hide()}.bind(this))},n.prototype._setUpListeners=function(){var e=this;s(this.element).on("click",this.options.trigger,function(t){e.toggle(s(this),t)})};var u=s.fn.tree;s.fn.tree=e,s.fn.tree.Constructor=n,s.fn.tree.noConflict=function(){return s.fn.tree=u,this},s(window).on("load",function(){s(t).each(function(){e.call(s(this))})})}(jQuery),function(a){"use strict";function i(t){this.options=t,this.bindedResize=!1,this.activate()}var s="lte.layout",r={slimscroll:!0,resetHeight:!0},d=".wrapper",l=".content-wrapper",c=".layout-boxed",h=".main-footer",f=".main-header",t=".main-sidebar",e="slimScrollDiv",p=".sidebar",u=".control-sidebar",o=".sidebar-menu",n=".main-header .logo",g="fixed",v="hold-transition";function b(n){return this.each(function(){var t=a(this),e=t.data(s);if(!e){var o=a.extend({},r,t.data(),"object"==typeof n&&n);t.data(s,e=new i(o))}if("string"==typeof n){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}i.prototype.activate=function(){this.fix(),this.fixSidebar(),a("body").removeClass(v),this.options.resetHeight&&a("body, html, "+d).css({height:"auto","min-height":"100%"}),this.bindedResize||(a(window).resize(function(){this.fix(),this.fixSidebar(),a(n+", "+p).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(){this.fix(),this.fixSidebar()}.bind(this))}.bind(this)),this.bindedResize=!0),a(o).on("expanded.tree",function(){this.fix(),this.fixSidebar()}.bind(this)),a(o).on("collapsed.tree",function(){this.fix(),this.fixSidebar()}.bind(this))},i.prototype.fix=function(){a(c+" > "+d).css("overflow","hidden");var t=a(h).outerHeight()||0,e=a(f).outerHeight()||0,o=e+t,n=a(window).height(),i=a(p).outerHeight()||0;if(a("body").hasClass(g))a(l).css("min-height",n-t);else{var s;s=i+e<=n?(a(l).css("min-height",n-o),n-o):(a(l).css("min-height",i),i);var r=a(u);void 0!==r&&r.height()>s&&a(l).css("min-height",r.height())}},i.prototype.fixSidebar=function(){a("body").hasClass(g)?this.options.slimscroll&&void 0!==a.fn.slimScroll&&0===a(t).find(e).length&&a(p).slimScroll({height:a(window).height()-a(f).height()+"px"}):void 0!==a.fn.slimScroll&&a(p).slimScroll({destroy:!0}).height("auto")};var m=a.fn.layout;a.fn.layout=b,a.fn.layout.Constuctor=i,a.fn.layout.noConflict=function(){return a.fn.layout=m,this},a(window).on("load",function(){b.call(a("body"))})}(jQuery);
+/*!
+ * AdminLTE v3.2.0 (https://adminlte.io)
+ * Copyright 2014-2022 Colorlib <https://colorlib.com>
+ * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).adminlte={},e.jQuery)}(this,(function(e,t){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),i="CardRefresh",o="lte.cardrefresh",l=n.default.fn[i],s="card",r='[data-card-widget="card-refresh"]',d={source:"",sourceSelector:"",params:{},trigger:r,content:".card-body",loadInContent:!0,loadOnInit:!0,loadErrorTemplate:!0,responseType:"",overlayTemplate:'<div class="overlay"><i class="fas fa-2x fa-sync-alt fa-spin"></i></div>',errorTemplate:'<span class="text-danger"></span>',onLoadStart:function(){},onLoadDone:function(e){return e},onLoadFail:function(e,t,a){}},f=function(){function e(e,t){if(this._element=e,this._parent=e.parents(".card").first(),this._settings=n.default.extend({},d,t),this._overlay=n.default(this._settings.overlayTemplate),e.hasClass(s)&&(this._parent=e),""===this._settings.source)throw new Error("Source url was not defined. Please specify a url in your CardRefresh source option.")}var t=e.prototype;return t.load=function(){var e=this;this._addOverlay(),this._settings.onLoadStart.call(n.default(this)),n.default.get(this._settings.source,this._settings.params,(function(t){e._settings.loadInContent&&(""!==e._settings.sourceSelector&&(t=n.default(t).find(e._settings.sourceSelector).html()),e._parent.find(e._settings.content).html(t)),e._settings.onLoadDone.call(n.default(e),t),e._removeOverlay()}),""!==this._settings.responseType&&this._settings.responseType).fail((function(t,a,i){if(e._removeOverlay(),e._settings.loadErrorTemplate){var o=n.default(e._settings.errorTemplate).text(i);e._parent.find(e._settings.content).empty().append(o)}e._settings.onLoadFail.call(n.default(e),t,a,i)})),n.default(this._element).trigger(n.default.Event("loaded.lte.cardrefresh"))},t._addOverlay=function(){this._parent.append(this._overlay),n.default(this._element).trigger(n.default.Event("overlay.added.lte.cardrefresh"))},t._removeOverlay=function(){this._parent.find(this._overlay).remove(),n.default(this._element).trigger(n.default.Event("overlay.removed.lte.cardrefresh"))},t._init=function(){var e=this;n.default(this).find(this._settings.trigger).on("click",(function(){e.load()})),this._settings.loadOnInit&&this.load()},e._jQueryInterface=function(t){var a=n.default(this).data(o),i=n.default.extend({},d,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(o,"string"==typeof t?a:t)),"string"==typeof t&&/load/.test(t)?a[t]():a._init(n.default(this))},e}();n.default(document).on("click",r,(function(e){e&&e.preventDefault(),f._jQueryInterface.call(n.default(this),"load")})),n.default((function(){n.default(r).each((function(){f._jQueryInterface.call(n.default(this))}))})),n.default.fn[i]=f._jQueryInterface,n.default.fn[i].Constructor=f,n.default.fn[i].noConflict=function(){return n.default.fn[i]=l,f._jQueryInterface};var u="CardWidget",c="lte.cardwidget",h=n.default.fn[u],g="card",p="collapsed-card",m="collapsing-card",v="expanding-card",_="was-collapsed",b="maximized-card",y='[data-card-widget="remove"]',C='[data-card-widget="collapse"]',w='[data-card-widget="maximize"]',x={animationSpeed:"normal",collapseTrigger:C,removeTrigger:y,maximizeTrigger:w,collapseIcon:"fa-minus",expandIcon:"fa-plus",maximizeIcon:"fa-expand",minimizeIcon:"fa-compress"},I=function(){function e(e,t){this._element=e,this._parent=e.parents(".card").first(),e.hasClass(g)&&(this._parent=e),this._settings=n.default.extend({},x,t)}var t=e.prototype;return t.collapse=function(){var e=this;this._parent.addClass(m).children(".card-body, .card-footer").slideUp(this._settings.animationSpeed,(function(){e._parent.addClass(p).removeClass(m)})),this._parent.find("> .card-header "+this._settings.collapseTrigger+" ."+this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon),this._element.trigger(n.default.Event("collapsed.lte.cardwidget"),this._parent)},t.expand=function(){var e=this;this._parent.addClass(v).children(".card-body, .card-footer").slideDown(this._settings.animationSpeed,(function(){e._parent.removeClass(p).removeClass(v)})),this._parent.find("> .card-header "+this._settings.collapseTrigger+" ."+this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon),this._element.trigger(n.default.Event("expanded.lte.cardwidget"),this._parent)},t.remove=function(){this._parent.slideUp(),this._element.trigger(n.default.Event("removed.lte.cardwidget"),this._parent)},t.toggle=function(){this._parent.hasClass(p)?this.expand():this.collapse()},t.maximize=function(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.maximizeIcon).addClass(this._settings.minimizeIcon).removeClass(this._settings.maximizeIcon),this._parent.css({height:this._parent.height(),width:this._parent.width(),transition:"all .15s"}).delay(150).queue((function(){var e=n.default(this);e.addClass(b),n.default("html").addClass(b),e.hasClass(p)&&e.addClass(_),e.dequeue()})),this._element.trigger(n.default.Event("maximized.lte.cardwidget"),this._parent)},t.minimize=function(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.minimizeIcon).addClass(this._settings.maximizeIcon).removeClass(this._settings.minimizeIcon),this._parent.css("cssText","height: "+this._parent[0].style.height+" !important; width: "+this._parent[0].style.width+" !important; transition: all .15s;").delay(10).queue((function(){var e=n.default(this);e.removeClass(b),n.default("html").removeClass(b),e.css({height:"inherit",width:"inherit"}),e.hasClass(_)&&e.removeClass(_),e.dequeue()})),this._element.trigger(n.default.Event("minimized.lte.cardwidget"),this._parent)},t.toggleMaximize=function(){this._parent.hasClass(b)?this.minimize():this.maximize()},t._init=function(e){var t=this;this._parent=e,n.default(this).find(this._settings.collapseTrigger).click((function(){t.toggle()})),n.default(this).find(this._settings.maximizeTrigger).click((function(){t.toggleMaximize()})),n.default(this).find(this._settings.removeTrigger).click((function(){t.remove()}))},e._jQueryInterface=function(t){var a=n.default(this).data(c),i=n.default.extend({},x,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(c,"string"==typeof t?a:t)),"string"==typeof t&&/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/.test(t)?a[t]():"object"==typeof t&&a._init(n.default(this))},e}();n.default(document).on("click",C,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).on("click",y,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"remove")})),n.default(document).on("click",w,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"toggleMaximize")})),n.default.fn[u]=I._jQueryInterface,n.default.fn[u].Constructor=I,n.default.fn[u].noConflict=function(){return n.default.fn[u]=h,I._jQueryInterface};var T="ControlSidebar",S="lte.controlsidebar",j=n.default.fn[T],k=".control-sidebar",Q=".control-sidebar-content",H='[data-widget="control-sidebar"]',z=".main-header",F=".main-footer",E="control-sidebar-animate",L="control-sidebar-open",D="control-sidebar-slide-open",R="layout-fixed",A={controlsidebarSlide:!0,scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l",target:k,animationSpeed:300},M=function(){function e(e,t){this._element=e,this._config=t}var t=e.prototype;return t.collapse=function(){var e=this,t=n.default("body"),a=n.default("html");this._config.controlsidebarSlide?(a.addClass(E),t.removeClass(D).delay(300).queue((function(){n.default(k).hide(),a.removeClass(E),n.default(this).dequeue()}))):t.removeClass(L),n.default(this._element).trigger(n.default.Event("collapsed.lte.controlsidebar")),setTimeout((function(){n.default(e._element).trigger(n.default.Event("collapsed-done.lte.controlsidebar"))}),this._config.animationSpeed)},t.show=function(e){void 0===e&&(e=!1);var t=n.default("body"),a=n.default("html");e&&n.default(k).hide(),this._config.controlsidebarSlide?(a.addClass(E),n.default(this._config.target).show().delay(10).queue((function(){t.addClass(D).delay(300).queue((function(){a.removeClass(E),n.default(this).dequeue()})),n.default(this).dequeue()}))):t.addClass(L),this._fixHeight(),this._fixScrollHeight(),n.default(this._element).trigger(n.default.Event("expanded.lte.controlsidebar"))},t.toggle=function(){var e=n.default("body"),t=this._config.target,a=!n.default(t).is(":visible"),i=e.hasClass(L)||e.hasClass(D),o=a&&(e.hasClass(L)||e.hasClass(D));a||o?this.show(a):i&&this.collapse()},t._init=function(){var e=this,t=n.default("body");t.hasClass(L)||t.hasClass(D)?(n.default(k).not(this._config.target).hide(),n.default(this._config.target).css("display","block")):n.default(k).hide(),this._fixHeight(),this._fixScrollHeight(),n.default(window).resize((function(){e._fixHeight(),e._fixScrollHeight()})),n.default(window).scroll((function(){var t=n.default("body");(t.hasClass(L)||t.hasClass(D))&&e._fixScrollHeight()}))},t._isNavbarFixed=function(){var e=n.default("body");return e.hasClass("layout-navbar-fixed")||e.hasClass("layout-sm-navbar-fixed")||e.hasClass("layout-md-navbar-fixed")||e.hasClass("layout-lg-navbar-fixed")||e.hasClass("layout-xl-navbar-fixed")},t._isFooterFixed=function(){var e=n.default("body");return e.hasClass("layout-footer-fixed")||e.hasClass("layout-sm-footer-fixed")||e.hasClass("layout-md-footer-fixed")||e.hasClass("layout-lg-footer-fixed")||e.hasClass("layout-xl-footer-fixed")},t._fixScrollHeight=function(){var e=n.default("body"),t=n.default(this._config.target);if(e.hasClass(R)){var a={scroll:n.default(document).height(),window:n.default(window).height(),header:n.default(z).outerHeight(),footer:n.default(F).outerHeight()},i=Math.abs(a.window+n.default(window).scrollTop()-a.scroll),o=n.default(window).scrollTop(),l=this._isNavbarFixed()&&"fixed"===n.default(z).css("position"),s=this._isFooterFixed()&&"fixed"===n.default(F).css("position"),r=n.default(this._config.target+", "+this._config.target+" "+Q);if(0===o&&0===i)t.css({bottom:a.footer,top:a.header}),r.css("height",a.window-(a.header+a.footer));else if(i<=a.footer)if(!1===s){var d=a.header-o;t.css("bottom",a.footer-i).css("top",d>=0?d:0),r.css("height",a.window-(a.footer-i))}else t.css("bottom",a.footer);else o<=a.header?!1===l?(t.css("top",a.header-o),r.css("height",a.window-(a.header-o))):t.css("top",a.header):!1===l?(t.css("top",0),r.css("height",a.window)):t.css("top",a.header);s&&l?(r.css("height","100%"),t.css("height","")):(s||l)&&(r.css("height","100%"),r.css("height",""))}},t._fixHeight=function(){var e=n.default("body"),t=n.default(this._config.target+" "+Q);if(e.hasClass(R)){var a=n.default(window).height(),i=n.default(z).outerHeight(),o=n.default(F).outerHeight(),l=a-i;this._isFooterFixed()&&"fixed"===n.default(F).css("position")&&(l=a-i-o),t.css("height",l),"undefined"!=typeof n.default.fn.overlayScrollbars&&t.overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}})}else t.attr("style","")},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(S),i=n.default.extend({},A,n.default(this).data());if(a||(a=new e(this,i),n.default(this).data(S,a)),"undefined"===a[t])throw new Error(t+" is not a function");a[t]()}))},e}();n.default(document).on("click",H,(function(e){e.preventDefault(),M._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).ready((function(){M._jQueryInterface.call(n.default(H),"_init")})),n.default.fn[T]=M._jQueryInterface,n.default.fn[T].Constructor=M,n.default.fn[T].noConflict=function(){return n.default.fn[T]=j,M._jQueryInterface};var q="DirectChat",O="lte.directchat",N=n.default.fn[q],P=function(){function e(e){this._element=e}return e.prototype.toggle=function(){n.default(this._element).parents(".direct-chat").first().toggleClass("direct-chat-contacts-open"),n.default(this._element).trigger(n.default.Event("toggled.lte.directchat"))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(O);a||(a=new e(n.default(this)),n.default(this).data(O,a)),a[t]()}))},e}();n.default(document).on("click",'[data-widget="chat-pane-toggle"]',(function(e){e&&e.preventDefault(),P._jQueryInterface.call(n.default(this),"toggle")})),n.default.fn[q]=P._jQueryInterface,n.default.fn[q].Constructor=P,n.default.fn[q].noConflict=function(){return n.default.fn[q]=N,P._jQueryInterface};var U="Dropdown",B="lte.dropdown",$=n.default.fn[U],J=".dropdown-menu",W={},V=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.toggleSubmenu=function(){this._element.siblings().show().toggleClass("show"),this._element.next().hasClass("show")||this._element.parents(J).first().find(".show").removeClass("show").hide(),this._element.parents("li.nav-item.dropdown.show").on("hidden.bs.dropdown",(function(){n.default(".dropdown-submenu .show").removeClass("show").hide()}))},t.fixPosition=function(){var e=n.default(".dropdown-menu.show");if(0!==e.length){e.hasClass("dropdown-menu-right")?e.css({left:"inherit",right:0}):e.css({left:0,right:"inherit"});var t=e.offset(),a=e.width(),i=n.default(window).width()-t.left;t.left<0?e.css({left:"inherit",right:t.left-5}):i<a&&e.css({left:"inherit",right:0})}},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(B),i=n.default.extend({},W,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(B,a)),"toggleSubmenu"!==t&&"fixPosition"!==t||a[t]()}))},e}();n.default('.dropdown-menu [data-toggle="dropdown"]').on("click",(function(e){e.preventDefault(),e.stopPropagation(),V._jQueryInterface.call(n.default(this),"toggleSubmenu")})),n.default('.navbar [data-toggle="dropdown"]').on("click",(function(e){e.preventDefault(),n.default(e.target).parent().hasClass("dropdown-submenu")||setTimeout((function(){V._jQueryInterface.call(n.default(this),"fixPosition")}),1)})),n.default.fn[U]=V._jQueryInterface,n.default.fn[U].Constructor=V,n.default.fn[U].noConflict=function(){return n.default.fn[U]=$,V._jQueryInterface};var G="ExpandableTable",K="lte.expandableTable",X=n.default.fn[G],Y=".expandable-body",Z='[data-widget="expandable-table"]',ee="aria-expanded",te=function(){function e(e,t){this._options=t,this._element=e}var t=e.prototype;return t.init=function(){n.default(Z).each((function(e,t){var a=n.default(t).attr(ee),i=n.default(t).next(Y).children().first().children();"true"===a?i.show():"false"===a&&(i.hide(),i.parent().parent().addClass("d-none"))}))},t.toggleRow=function(){var e=this._element;"TR"!==e[0].nodeName&&"TR"!==(e=e.parent())[0].nodeName&&(e=e.parent());var t=e.attr(ee),a=e.next(Y).children().first().children();a.stop(),"true"===t?(a.slideUp(500,(function(){e.next(Y).addClass("d-none")})),e.attr(ee,"false"),e.trigger(n.default.Event("collapsed.lte.expandableTable"))):"false"===t&&(e.next(Y).removeClass("d-none"),a.slideDown(500),e.attr(ee,"true"),e.trigger(n.default.Event("expanded.lte.expandableTable")))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(K);a||(a=new e(n.default(this)),n.default(this).data(K,a)),"string"==typeof t&&/init|toggleRow/.test(t)&&a[t]()}))},e}();n.default(".expandable-table").ready((function(){te._jQueryInterface.call(n.default(this),"init")})),n.default(document).on("click",Z,(function(){te._jQueryInterface.call(n.default(this),"toggleRow")})),n.default.fn[G]=te._jQueryInterface,n.default.fn[G].Constructor=te,n.default.fn[G].noConflict=function(){return n.default.fn[G]=X,te._jQueryInterface};var ae="Fullscreen",ne="lte.fullscreen",ie=n.default.fn[ae],oe='[data-widget="fullscreen"]',le=oe+" i",se={minimizeIcon:"fa-compress-arrows-alt",maximizeIcon:"fa-expand-arrows-alt"},re=function(){function e(e,t){this.element=e,this.options=n.default.extend({},se,t)}var t=e.prototype;return t.toggle=function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?this.windowed():this.fullscreen()},t.toggleIcon=function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?n.default(le).removeClass(this.options.maximizeIcon).addClass(this.options.minimizeIcon):n.default(le).removeClass(this.options.minimizeIcon).addClass(this.options.maximizeIcon)},t.fullscreen=function(){document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.webkitRequestFullscreen?document.documentElement.webkitRequestFullscreen():document.documentElement.msRequestFullscreen&&document.documentElement.msRequestFullscreen()},t.windowed=function(){document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},e._jQueryInterface=function(t){var a=n.default(this).data(ne);a||(a=n.default(this).data());var i=n.default.extend({},se,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(ne,"object"==typeof t?t:a),"string"==typeof t&&/toggle|toggleIcon|fullscreen|windowed/.test(t)?o[t]():o.init()},e}();n.default(document).on("click",oe,(function(){re._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange",(function(){re._jQueryInterface.call(n.default(oe),"toggleIcon")})),n.default.fn[ae]=re._jQueryInterface,n.default.fn[ae].Constructor=re,n.default.fn[ae].noConflict=function(){return n.default.fn[ae]=ie,re._jQueryInterface};var de="lte.iframe",fe=n.default.fn.IFrame,ue='[data-widget="iframe"]',ce='[data-widget="iframe-fullscreen"]',he=".content-wrapper",ge=".content-wrapper iframe",pe=".content-wrapper.iframe-mode .nav",me=".content-wrapper.iframe-mode .navbar-nav",ve=me+" .nav-item",_e=me+" .nav-link",be=".content-wrapper.iframe-mode .tab-content",ye=be+" .tab-empty",Ce=be+" .tab-loading",we=be+" .tab-pane",xe=".main-sidebar .nav-item > a.nav-link",Ie=".main-header .nav-item a.nav-link",Te=".main-header a.dropdown-item",Se="iframe-mode",je="iframe-mode-fullscreen",ke={onTabClick:function(e){return e},onTabChanged:function(e){return e},onTabCreated:function(e){return e},autoIframeMode:!0,autoItemActive:!0,autoShowNewTab:!0,autoDarkMode:!1,allowDuplicates:!1,allowReload:!0,loadingScreen:!0,useNavbarItems:!0,scrollOffset:40,scrollBehaviorSwap:!1,iconMaximize:"fa-expand",iconMinimize:"fa-compress"},Qe=function(){function e(e,t){this._config=t,this._element=e,this._init()}var t=e.prototype;return t.onTabClick=function(e){this._config.onTabClick(e)},t.onTabChanged=function(e){this._config.onTabChanged(e)},t.onTabCreated=function(e){this._config.onTabCreated(e)},t.createTab=function(e,t,a,i){var o=this,l="panel-"+a,s="tab-"+a;this._config.allowDuplicates&&(l+="-"+Math.floor(1e3*Math.random()),s+="-"+Math.floor(1e3*Math.random()));var r='<li class="nav-item" role="presentation"><a href="#" class="btn-iframe-close" data-widget="iframe-close" data-type="only-this"><i class="fas fa-times"></i></a><a class="nav-link" data-toggle="row" id="'+s+'" href="#'+l+'" role="tab" aria-controls="'+l+'" aria-selected="false">'+e+"</a></li>";n.default(me).append(unescape(escape(r)));var d='<div class="tab-pane fade" id="'+l+'" role="tabpanel" aria-labelledby="'+s+'"><iframe src="'+t+'"></iframe></div>';if(n.default(be).append(unescape(escape(d))),i)if(this._config.loadingScreen){var f=n.default(Ce);f.fadeIn(),n.default(l+" iframe").ready((function(){"number"==typeof o._config.loadingScreen?(o.switchTab("#"+s),setTimeout((function(){f.fadeOut()}),o._config.loadingScreen)):(o.switchTab("#"+s),f.fadeOut())}))}else this.switchTab("#"+s);this.onTabCreated(n.default("#"+s))},t.openTabSidebar=function(e,t){void 0===t&&(t=this._config.autoShowNewTab);var a=n.default(e).clone();void 0===a.attr("href")&&(a=n.default(e).parent("a").clone()),a.find(".right, .search-path").remove();var i=a.find("p").text();""===i&&(i=a.text());var o=a.attr("href");if("#"!==o&&""!==o&&void 0!==o){var l=unescape(o).replace("./","").replace(/["#&'./:=?[\]]/gi,"-").replace(/(--)/gi,""),s="tab-"+l;if(!this._config.allowDuplicates&&n.default("#"+s).length>0)return this.switchTab("#"+s,this._config.allowReload);(!this._config.allowDuplicates&&0===n.default("#"+s).length||this._config.allowDuplicates)&&this.createTab(i,o,l,t)}},t.switchTab=function(e,t){var a=this;void 0===t&&(t=!1);var i=n.default(e),o=i.attr("href");if(n.default(ye).hide(),t){var l=n.default(Ce);this._config.loadingScreen?l.show(0,(function(){n.default(o+" iframe").attr("src",n.default(o+" iframe").attr("src")).ready((function(){a._config.loadingScreen&&("number"==typeof a._config.loadingScreen?setTimeout((function(){l.fadeOut()}),a._config.loadingScreen):l.fadeOut())}))})):n.default(o+" iframe").attr("src",n.default(o+" iframe").attr("src"))}n.default(me+" .active").tab("dispose").removeClass("active"),this._fixHeight(),i.tab("show"),i.parents("li").addClass("active"),this.onTabChanged(i),this._config.autoItemActive&&this._setItemActive(n.default(o+" iframe").attr("src"))},t.removeActiveTab=function(e,t){if("all"==e)n.default(ve).remove(),n.default(we).remove(),n.default(ye).show();else if("all-other"==e)n.default(ve+":not(.active)").remove(),n.default(we+":not(.active)").remove();else if("only-this"==e){var a=n.default(t),i=a.parent(".nav-item"),o=i.parent(),l=i.index(),s=a.siblings(".nav-link").attr("aria-controls");if(i.remove(),n.default("#"+s).remove(),n.default(be).children().length==n.default(ye+", "+Ce).length)n.default(ye).show();else{var r=l-1;this.switchTab(o.children().eq(r).find("a.nav-link"))}}else{var d=n.default(ve+".active"),f=d.parent(),u=d.index();if(d.remove(),n.default(we+".active").remove(),n.default(be).children().length==n.default(ye+", "+Ce).length)n.default(ye).show();else{var c=u-1;this.switchTab(f.children().eq(c).find("a.nav-link"))}}},t.toggleFullscreen=function(){n.default("body").hasClass(je)?(n.default(ce+" i").removeClass(this._config.iconMinimize).addClass(this._config.iconMaximize),n.default("body").removeClass(je),n.default(ye+", "+Ce).height("100%"),n.default(he).height("100%"),n.default(ge).height("100%")):(n.default(ce+" i").removeClass(this._config.iconMaximize).addClass(this._config.iconMinimize),n.default("body").addClass(je)),n.default(window).trigger("resize"),this._fixHeight(!0)},t._init=function(){var e=n.default(be).children().length>2;if(this._setupListeners(),this._fixHeight(!0),e){var t=n.default(""+we).first();console.log(t);var a="#tab-"+t.attr("id").replace("panel-","");this.switchTab(a,!0)}},t._initFrameElement=function(){if(window.frameElement&&this._config.autoIframeMode){var e=n.default("body");e.addClass(Se),this._config.autoDarkMode&&e.addClass("dark-mode")}},t._navScroll=function(e){var t=n.default(me).scrollLeft();n.default(me).animate({scrollLeft:t+e},250,"linear")},t._setupListeners=function(){var e=this;n.default(window).on("resize",(function(){setTimeout((function(){e._fixHeight()}),1)})),n.default(he).hasClass(Se)&&(n.default(document).on("click",xe+", .sidebar-search-results .list-group-item",(function(t){t.preventDefault(),e.openTabSidebar(t.target)})),this._config.useNavbarItems&&n.default(document).on("click",Ie+", "+Te,(function(t){t.preventDefault(),e.openTabSidebar(t.target)}))),n.default(document).on("click",_e,(function(t){t.preventDefault(),e.onTabClick(t.target),e.switchTab(t.target)})),n.default(document).on("click",_e,(function(t){t.preventDefault(),e.onTabClick(t.target),e.switchTab(t.target)})),n.default(document).on("click",'[data-widget="iframe-close"]',(function(t){t.preventDefault();var a=t.target;"I"==a.nodeName&&(a=t.target.offsetParent),e.removeActiveTab(a.attributes["data-type"]?a.attributes["data-type"].nodeValue:null,a)})),n.default(document).on("click",ce,(function(t){t.preventDefault(),e.toggleFullscreen()}));var t=!1,a=null;n.default(document).on("mousedown",'[data-widget="iframe-scrollleft"]',(function(n){n.preventDefault(),clearInterval(a);var i=e._config.scrollOffset;e._config.scrollBehaviorSwap||(i=-i),t=!0,e._navScroll(i),a=setInterval((function(){e._navScroll(i)}),250)})),n.default(document).on("mousedown",'[data-widget="iframe-scrollright"]',(function(n){n.preventDefault(),clearInterval(a);var i=e._config.scrollOffset;e._config.scrollBehaviorSwap&&(i=-i),t=!0,e._navScroll(i),a=setInterval((function(){e._navScroll(i)}),250)})),n.default(document).on("mouseup",(function(){t&&(t=!1,clearInterval(a),a=null)}))},t._setItemActive=function(e){n.default(xe+", "+Te).removeClass("active"),n.default(Ie).parent().removeClass("active");var t=n.default(Ie+'[href$="'+e+'"]'),a=n.default('.main-header a.dropdown-item[href$="'+e+'"]'),i=n.default(xe+'[href$="'+e+'"]');t.each((function(e,t){n.default(t).parent().addClass("active")})),a.each((function(e,t){n.default(t).addClass("active")})),i.each((function(e,t){n.default(t).addClass("active"),n.default(t).parents(".nav-treeview").prevAll(".nav-link").addClass("active")}))},t._fixHeight=function(e){if(void 0===e&&(e=!1),n.default("body").hasClass(je)){var t=n.default(window).height(),a=n.default(pe).outerHeight();n.default(ye+", "+Ce+", "+ge).height(t-a),n.default(he).height(t)}else{var i=parseFloat(n.default(he).css("height")),o=n.default(pe).outerHeight();1==e?setTimeout((function(){n.default(ye+", "+Ce).height(i-o)}),50):n.default(ge).height(i-o)}},e._jQueryInterface=function(t){if(n.default(ue).length>0){var a=n.default(this).data(de);a||(a=n.default(this).data());var i=n.default.extend({},ke,"object"==typeof t?t:a);localStorage.setItem("AdminLTE:IFrame:Options",JSON.stringify(i));var o=new e(n.default(this),i);n.default(this).data(de,"object"==typeof t?t:a),"string"==typeof t&&/createTab|openTabSidebar|switchTab|removeActiveTab/.test(t)&&o[t]()}else new e(n.default(this),JSON.parse(localStorage.getItem("AdminLTE:IFrame:Options")))._initFrameElement()},e}();n.default(window).on("load",(function(){Qe._jQueryInterface.call(n.default(ue))})),n.default.fn.IFrame=Qe._jQueryInterface,n.default.fn.IFrame.Constructor=Qe,n.default.fn.IFrame.noConflict=function(){return n.default.fn.IFrame=fe,Qe._jQueryInterface};var He="lte.layout",ze=n.default.fn.Layout,Fe=".main-header",Ee=".main-sidebar",Le=".main-sidebar .sidebar",De=".main-footer",Re="sidebar-focused",Ae={scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l",panelAutoHeight:!0,panelAutoHeightMode:"min-height",preloadDuration:200,loginRegisterAutoHeight:!0},Me=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.fixLayoutHeight=function(e){void 0===e&&(e=null);var t=n.default("body"),a=0;(t.hasClass("control-sidebar-slide-open")||t.hasClass("control-sidebar-open")||"control_sidebar"===e)&&(a=n.default(".control-sidebar-content").outerHeight());var i={window:n.default(window).height(),header:n.default(Fe).length>0?n.default(Fe).outerHeight():0,footer:n.default(De).length>0?n.default(De).outerHeight():0,sidebar:n.default(Le).length>0?n.default(Le).height():0,controlSidebar:a},o=this._max(i),l=this._config.panelAutoHeight;!0===l&&(l=0);var s=n.default(".content-wrapper");!1!==l&&(o===i.controlSidebar?s.css(this._config.panelAutoHeightMode,o+l):o===i.window?s.css(this._config.panelAutoHeightMode,o+l-i.header-i.footer):s.css(this._config.panelAutoHeightMode,o+l-i.header),this._isFooterFixed()&&s.css(this._config.panelAutoHeightMode,parseFloat(s.css(this._config.panelAutoHeightMode))+i.footer)),t.hasClass("layout-fixed")&&("undefined"!=typeof n.default.fn.overlayScrollbars?n.default(Le).overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}}):n.default(Le).css("overflow-y","auto"))},t.fixLoginRegisterHeight=function(){var e=n.default("body"),t=n.default(".login-box, .register-box");if(e.hasClass("iframe-mode"))e.css("height","100%"),n.default(".wrapper").css("height","100%"),n.default("html").css("height","100%");else if(0===t.length)e.css("height","auto"),n.default("html").css("height","auto");else{var a=t.height();e.css(this._config.panelAutoHeightMode)!==a&&e.css(this._config.panelAutoHeightMode,a)}},t._init=function(){var e=this;this.fixLayoutHeight(),!0===this._config.loginRegisterAutoHeight?this.fixLoginRegisterHeight():this._config.loginRegisterAutoHeight===parseInt(this._config.loginRegisterAutoHeight,10)&&setInterval(this.fixLoginRegisterHeight,this._config.loginRegisterAutoHeight),n.default(Le).on("collapsed.lte.treeview expanded.lte.treeview",(function(){e.fixLayoutHeight()})),n.default(Ee).on("mouseenter mouseleave",(function(){n.default("body").hasClass("sidebar-collapse")&&e.fixLayoutHeight()})),n.default('[data-widget="pushmenu"]').on("collapsed.lte.pushmenu shown.lte.pushmenu",(function(){setTimeout((function(){e.fixLayoutHeight()}),300)})),n.default('[data-widget="control-sidebar"]').on("collapsed.lte.controlsidebar",(function(){e.fixLayoutHeight()})).on("expanded.lte.controlsidebar",(function(){e.fixLayoutHeight("control_sidebar")})),n.default(window).resize((function(){e.fixLayoutHeight()})),setTimeout((function(){n.default("body.hold-transition").removeClass("hold-transition")}),50),setTimeout((function(){var e=n.default(".preloader");e&&(e.css("height",0),setTimeout((function(){e.children().hide()}),200))}),this._config.preloadDuration)},t._max=function(e){var t=0;return Object.keys(e).forEach((function(a){e[a]>t&&(t=e[a])})),t},t._isFooterFixed=function(){return"fixed"===n.default(De).css("position")},e._jQueryInterface=function(t){return void 0===t&&(t=""),this.each((function(){var a=n.default(this).data(He),i=n.default.extend({},Ae,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(He,a)),"init"===t||""===t?a._init():"fixLayoutHeight"!==t&&"fixLoginRegisterHeight"!==t||a[t]()}))},e}();n.default(window).on("load",(function(){Me._jQueryInterface.call(n.default("body"))})),n.default(Le+" a").on("focusin",(function(){n.default(Ee).addClass(Re)})).on("focusout",(function(){n.default(Ee).removeClass(Re)})),n.default.fn.Layout=Me._jQueryInterface,n.default.fn.Layout.Constructor=Me,n.default.fn.Layout.noConflict=function(){return n.default.fn.Layout=ze,Me._jQueryInterface};var qe="PushMenu",Oe="lte.pushmenu",Ne="."+Oe,Pe=n.default.fn[qe],Ue='[data-widget="pushmenu"]',Be="body",$e="sidebar-collapse",Je="sidebar-open",We="sidebar-is-opening",Ve="sidebar-closed",Ge={autoCollapseSize:992,enableRemember:!1,noTransitionAfterReload:!0,animationSpeed:300},Ke=function(){function e(e,t){this._element=e,this._options=n.default.extend({},Ge,t),0===n.default("#sidebar-overlay").length&&this._addOverlay(),this._init()}var t=e.prototype;return t.expand=function(){var e=n.default(Be);this._options.autoCollapseSize&&n.default(window).width()<=this._options.autoCollapseSize&&e.addClass(Je),e.addClass(We).removeClass("sidebar-collapse sidebar-closed").delay(50).queue((function(){e.removeClass(We),n.default(this).dequeue()})),this._options.enableRemember&&localStorage.setItem("remember"+Ne,Je),n.default(this._element).trigger(n.default.Event("shown.lte.pushmenu"))},t.collapse=function(){var e=this,t=n.default(Be);this._options.autoCollapseSize&&n.default(window).width()<=this._options.autoCollapseSize&&t.removeClass(Je).addClass(Ve),t.addClass($e),this._options.enableRemember&&localStorage.setItem("remember"+Ne,$e),n.default(this._element).trigger(n.default.Event("collapsed.lte.pushmenu")),setTimeout((function(){n.default(e._element).trigger(n.default.Event("collapsed-done.lte.pushmenu"))}),this._options.animationSpeed)},t.toggle=function(){n.default(Be).hasClass($e)?this.expand():this.collapse()},t.autoCollapse=function(e){if(void 0===e&&(e=!1),this._options.autoCollapseSize){var t=n.default(Be);n.default(window).width()<=this._options.autoCollapseSize?t.hasClass(Je)||this.collapse():!0===e&&(t.hasClass(Je)?t.removeClass(Je):t.hasClass(Ve)&&this.expand())}},t.remember=function(){if(this._options.enableRemember){var e=n.default("body");localStorage.getItem("remember"+Ne)===$e?this._options.noTransitionAfterReload?e.addClass("hold-transition").addClass($e).delay(50).queue((function(){n.default(this).removeClass("hold-transition"),n.default(this).dequeue()})):e.addClass($e):this._options.noTransitionAfterReload?e.addClass("hold-transition").removeClass($e).delay(50).queue((function(){n.default(this).removeClass("hold-transition"),n.default(this).dequeue()})):e.removeClass($e)}},t._init=function(){var e=this;this.remember(),this.autoCollapse(),n.default(window).resize((function(){e.autoCollapse(!0)}))},t._addOverlay=function(){var e=this,t=n.default("<div />",{id:"sidebar-overlay"});t.on("click",(function(){e.collapse()})),n.default(".wrapper").append(t)},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Oe),i=n.default.extend({},Ge,n.default(this).data());a||(a=new e(this,i),n.default(this).data(Oe,a)),"string"==typeof t&&/collapse|expand|toggle/.test(t)&&a[t]()}))},e}();n.default(document).on("click",Ue,(function(e){e.preventDefault();var t=e.currentTarget;"pushmenu"!==n.default(t).data("widget")&&(t=n.default(t).closest(Ue)),Ke._jQueryInterface.call(n.default(t),"toggle")})),n.default(window).on("load",(function(){Ke._jQueryInterface.call(n.default(Ue))})),n.default.fn[qe]=Ke._jQueryInterface,n.default.fn[qe].Constructor=Ke,n.default.fn[qe].noConflict=function(){return n.default.fn[qe]=Pe,Ke._jQueryInterface};var Xe="SidebarSearch",Ye="lte.sidebar-search",Ze=n.default.fn[Xe],et="sidebar-search-open",tt="fa-search",at="fa-times",nt="sidebar-search-results",it="list-group",ot='[data-widget="sidebar-search"]',lt=ot+" .form-control",st=ot+" .btn",rt=st+" i",dt=".sidebar-search-results",ft=".sidebar-search-results .list-group",ut={arrowSign:"->",minLength:3,maxResults:7,highlightName:!0,highlightPath:!1,highlightClass:"text-light",notFoundText:"No element found!"},ct=[],ht=function(){function e(e,t){this.element=e,this.options=n.default.extend({},ut,t),this.items=[]}var a=e.prototype;return a.init=function(){var e=this;0!==n.default(ot).length&&(0===n.default(ot).next(dt).length&&n.default(ot).after(n.default("<div />",{class:nt})),0===n.default(dt).children(".list-group").length&&n.default(dt).append(n.default("<div />",{class:it})),this._addNotFound(),n.default(".main-sidebar .nav-sidebar").children().each((function(t,a){e._parseItem(a)})))},a.search=function(){var e=this,t=n.default(lt).val().toLowerCase();if(t.length<this.options.minLength)return n.default(ft).empty(),this._addNotFound(),void this.close();var a=ct.filter((function(e){return e.name.toLowerCase().includes(t)})),i=n.default(a.slice(0,this.options.maxResults));n.default(ft).empty(),0===i.length?this._addNotFound():i.each((function(t,a){n.default(ft).append(e._renderItem(escape(a.name),encodeURI(a.link),a.path))})),this.open()},a.open=function(){n.default(ot).parent().addClass(et),n.default(rt).removeClass(tt).addClass(at)},a.close=function(){n.default(ot).parent().removeClass(et),n.default(rt).removeClass(at).addClass(tt)},a.toggle=function(){n.default(ot).parent().hasClass(et)?this.close():this.open()},a._parseItem=function(e,t){var a=this;if(void 0===t&&(t=[]),!n.default(e).hasClass("nav-header")){var i={},o=n.default(e).clone().find("> .nav-link"),l=n.default(e).clone().find("> .nav-treeview"),s=o.attr("href"),r=o.find("p").children().remove().end().text();if(i.name=this._trimText(r),i.link=s,i.path=t,0===l.length)ct.push(i);else{var d=i.path.concat([i.name]);l.children().each((function(e,t){a._parseItem(t,d)}))}}},a._trimText=function(e){return t.trim(e.replace(/(\r\n|\n|\r)/gm," "))},a._renderItem=function(e,t,a){var i=this;if(a=a.join(" "+this.options.arrowSign+" "),e=unescape(e),t=decodeURI(t),this.options.highlightName||this.options.highlightPath){var o=n.default(lt).val().toLowerCase(),l=new RegExp(o,"gi");this.options.highlightName&&(e=e.replace(l,(function(e){return'<strong class="'+i.options.highlightClass+'">'+e+"</strong>"}))),this.options.highlightPath&&(a=a.replace(l,(function(e){return'<strong class="'+i.options.highlightClass+'">'+e+"</strong>"})))}var s=n.default("<a/>",{href:decodeURIComponent(t),class:"list-group-item"}),r=n.default("<div/>",{class:"search-title"}).html(e),d=n.default("<div/>",{class:"search-path"}).html(a);return s.append(r).append(d),s},a._addNotFound=function(){n.default(ft).append(this._renderItem(this.options.notFoundText,"#",[]))},e._jQueryInterface=function(t){var a=n.default(this).data(Ye);a||(a=n.default(this).data());var i=n.default.extend({},ut,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(Ye,"object"==typeof t?t:a),"string"==typeof t&&/init|toggle|close|open|search/.test(t)?o[t]():o.init()},e}();n.default(document).on("click",st,(function(e){e.preventDefault(),ht._jQueryInterface.call(n.default(ot),"toggle")})),n.default(document).on("keyup",lt,(function(e){return 38==e.keyCode?(e.preventDefault(),void n.default(ft).children().last().focus()):40==e.keyCode?(e.preventDefault(),void n.default(ft).children().first().focus()):void setTimeout((function(){ht._jQueryInterface.call(n.default(ot),"search")}),100)})),n.default(document).on("keydown",ft,(function(e){var t=n.default(":focus");38==e.keyCode&&(e.preventDefault(),t.is(":first-child")?t.siblings().last().focus():t.prev().focus()),40==e.keyCode&&(e.preventDefault(),t.is(":last-child")?t.siblings().first().focus():t.next().focus())})),n.default(window).on("load",(function(){ht._jQueryInterface.call(n.default(ot),"init")})),n.default.fn[Xe]=ht._jQueryInterface,n.default.fn[Xe].Constructor=ht,n.default.fn[Xe].noConflict=function(){return n.default.fn[Xe]=Ze,ht._jQueryInterface};var gt="NavbarSearch",pt="lte.navbar-search",mt=n.default.fn[gt],vt='[data-widget="navbar-search"]',_t=".form-control",bt="navbar-search-open",yt={resetOnClose:!0,target:".navbar-search-block"},Ct=function(){function e(e,t){this._element=e,this._config=n.default.extend({},yt,t)}var t=e.prototype;return t.open=function(){n.default(this._config.target).css("display","flex").hide().fadeIn().addClass(bt),n.default(this._config.target+" "+_t).focus()},t.close=function(){n.default(this._config.target).fadeOut().removeClass(bt),this._config.resetOnClose&&n.default(this._config.target+" "+_t).val("")},t.toggle=function(){n.default(this._config.target).hasClass(bt)?this.close():this.open()},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(pt),i=n.default.extend({},yt,n.default(this).data());if(a||(a=new e(this,i),n.default(this).data(pt,a)),!/toggle|close|open/.test(t))throw new Error("Undefined method "+t);a[t]()}))},e}();n.default(document).on("click",vt,(function(e){e.preventDefault();var t=n.default(e.currentTarget);"navbar-search"!==t.data("widget")&&(t=t.closest(vt)),Ct._jQueryInterface.call(t,"toggle")})),n.default.fn[gt]=Ct._jQueryInterface,n.default.fn[gt].Constructor=Ct,n.default.fn[gt].noConflict=function(){return n.default.fn[gt]=mt,Ct._jQueryInterface};var wt=n.default.fn.Toasts,xt="topRight",It="topLeft",Tt="bottomRight",St="bottomLeft",jt={position:xt,fixed:!0,autohide:!1,autoremove:!0,delay:1e3,fade:!0,icon:null,image:null,imageAlt:null,imageHeight:"25px",title:null,subtitle:null,close:!0,body:null,class:null},kt=function(){function e(e,t){this._config=t,this._prepareContainer(),n.default("body").trigger(n.default.Event("init.lte.toasts"))}var t=e.prototype;return t.create=function(){var e=n.default('<div class="toast" role="alert" aria-live="assertive" aria-atomic="true"/>');e.data("autohide",this._config.autohide),e.data("animation",this._config.fade),this._config.class&&e.addClass(this._config.class),this._config.delay&&500!=this._config.delay&&e.data("delay",this._config.delay);var t=n.default('<div class="toast-header">');if(null!=this._config.image){var a=n.default("<img />").addClass("rounded mr-2").attr("src",this._config.image).attr("alt",this._config.imageAlt);null!=this._config.imageHeight&&a.height(this._config.imageHeight).width("auto"),t.append(a)}if(null!=this._config.icon&&t.append(n.default("<i />").addClass("mr-2").addClass(this._config.icon)),null!=this._config.title&&t.append(n.default("<strong />").addClass("mr-auto").html(this._config.title)),null!=this._config.subtitle&&t.append(n.default("<small />").html(this._config.subtitle)),1==this._config.close){var i=n.default('<button data-dismiss="toast" />').attr("type","button").addClass("ml-2 mb-1 close").attr("aria-label","Close").append('<span aria-hidden="true">&times;</span>');null==this._config.title&&i.toggleClass("ml-2 ml-auto"),t.append(i)}e.append(t),null!=this._config.body&&e.append(n.default('<div class="toast-body" />').html(this._config.body)),n.default(this._getContainerId()).prepend(e);var o=n.default("body");o.trigger(n.default.Event("created.lte.toasts")),e.toast("show"),this._config.autoremove&&e.on("hidden.bs.toast",(function(){n.default(this).delay(200).remove(),o.trigger(n.default.Event("removed.lte.toasts"))}))},t._getContainerId=function(){return this._config.position==xt?"#toastsContainerTopRight":this._config.position==It?"#toastsContainerTopLeft":this._config.position==Tt?"#toastsContainerBottomRight":this._config.position==St?"#toastsContainerBottomLeft":void 0},t._prepareContainer=function(){if(0===n.default(this._getContainerId()).length){var e=n.default("<div />").attr("id",this._getContainerId().replace("#",""));this._config.position==xt?e.addClass("toasts-top-right"):this._config.position==It?e.addClass("toasts-top-left"):this._config.position==Tt?e.addClass("toasts-bottom-right"):this._config.position==St&&e.addClass("toasts-bottom-left"),n.default("body").append(e)}this._config.fixed?n.default(this._getContainerId()).addClass("fixed"):n.default(this._getContainerId()).removeClass("fixed")},e._jQueryInterface=function(t,a){return this.each((function(){var i=n.default.extend({},jt,a),o=new e(n.default(this),i);"create"===t&&o[t]()}))},e}();n.default.fn.Toasts=kt._jQueryInterface,n.default.fn.Toasts.Constructor=kt,n.default.fn.Toasts.noConflict=function(){return n.default.fn.Toasts=wt,kt._jQueryInterface};var Qt="TodoList",Ht="lte.todolist",zt=n.default.fn[Qt],Ft="done",Et={onCheck:function(e){return e},onUnCheck:function(e){return e}},Lt=function(){function e(e,t){this._config=t,this._element=e,this._init()}var t=e.prototype;return t.toggle=function(e){e.parents("li").toggleClass(Ft),n.default(e).prop("checked")?this.check(e):this.unCheck(n.default(e))},t.check=function(e){this._config.onCheck.call(e)},t.unCheck=function(e){this._config.onUnCheck.call(e)},t._init=function(){var e=this,t=this._element;t.find("input:checkbox:checked").parents("li").toggleClass(Ft),t.on("change","input:checkbox",(function(t){e.toggle(n.default(t.target))}))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Ht);a||(a=n.default(this).data());var i=n.default.extend({},Et,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(Ht,"object"==typeof t?t:a),"init"===t&&o[t]()}))},e}();n.default(window).on("load",(function(){Lt._jQueryInterface.call(n.default('[data-widget="todo-list"]'))})),n.default.fn[Qt]=Lt._jQueryInterface,n.default.fn[Qt].Constructor=Lt,n.default.fn[Qt].noConflict=function(){return n.default.fn[Qt]=zt,Lt._jQueryInterface};var Dt="Treeview",Rt="lte.treeview",At=n.default.fn[Dt],Mt=".nav-item",qt=".nav-treeview",Ot=".menu-open",Nt='[data-widget="treeview"]',Pt="menu-open",Ut="menu-is-opening",Bt={trigger:Nt+" .nav-link",animationSpeed:300,accordion:!0,expandSidebar:!1,sidebarButtonSelector:'[data-widget="pushmenu"]'},$t=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.init=function(){n.default(".nav-item.menu-open .nav-treeview.menu-open").css("display","block"),this._setupListeners()},t.expand=function(e,t){var a=this,i=n.default.Event("expanded.lte.treeview");if(this._config.accordion){var o=t.siblings(Ot).first(),l=o.find(qt).first();this.collapse(l,o)}t.addClass(Ut),e.stop().slideDown(this._config.animationSpeed,(function(){t.addClass(Pt),n.default(a._element).trigger(i)})),this._config.expandSidebar&&this._expandSidebar()},t.collapse=function(e,t){var a=this,i=n.default.Event("collapsed.lte.treeview");t.removeClass("menu-is-opening menu-open"),e.stop().slideUp(this._config.animationSpeed,(function(){n.default(a._element).trigger(i),e.find(".menu-open > .nav-treeview").slideUp(),e.find(Ot).removeClass("menu-is-opening menu-open")}))},t.toggle=function(e){var t=n.default(e.currentTarget),a=t.parent(),i=a.find("> .nav-treeview");if(i.is(qt)||(a.is(Mt)||(i=a.parent().find("> .nav-treeview")),i.is(qt))){e.preventDefault();var o=t.parents(Mt).first();o.hasClass(Pt)?this.collapse(n.default(i),o):this.expand(n.default(i),o)}},t._setupListeners=function(){var e=this,t=void 0!==this._element.attr("id")?"#"+this._element.attr("id"):"";n.default(document).on("click",""+t+this._config.trigger,(function(t){e.toggle(t)}))},t._expandSidebar=function(){n.default("body").hasClass("sidebar-collapse")&&n.default(this._config.sidebarButtonSelector).PushMenu("expand")},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Rt),i=n.default.extend({},Bt,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(Rt,a)),"init"===t&&a[t]()}))},e}();n.default(window).on("load.lte.treeview",(function(){n.default(Nt).each((function(){$t._jQueryInterface.call(n.default(this),"init")}))})),n.default.fn[Dt]=$t._jQueryInterface,n.default.fn[Dt].Constructor=$t,n.default.fn[Dt].noConflict=function(){return n.default.fn[Dt]=At,$t._jQueryInterface},e.CardRefresh=f,e.CardWidget=I,e.ControlSidebar=M,e.DirectChat=P,e.Dropdown=V,e.ExpandableTable=te,e.Fullscreen=re,e.IFrame=Qe,e.Layout=Me,e.NavbarSearch=Ct,e.PushMenu=Ke,e.SidebarSearch=ht,e.Toasts=kt,e.TodoList=Lt,e.Treeview=$t,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=adminlte.min.js.map
 /*! tether 1.4.7 */
 
 (function(root, factory) {
diff --git a/public/js/dist/all.js b/public/js/dist/all.js
index a8dbd199aa..5049c06777 100644
--- a/public/js/dist/all.js
+++ b/public/js/dist/all.js
@@ -10873,19 +10873,13 @@ return jQuery;
 
 /*! Select2 4.0.13 | https://github.com/select2/select2/blob/master/LICENSE.md */
 !function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t),t}:n(jQuery)}(function(d){var e=function(){if(d&&d.fn&&d.fn.select2&&d.fn.select2.amd)var e=d.fn.select2.amd;var t,n,i,h,o,s,f,g,m,v,y,_,r,a,w,l;function b(e,t){return r.call(e,t)}function c(e,t){var n,i,r,o,s,a,l,c,u,d,p,h=t&&t.split("/"),f=y.map,g=f&&f["*"]||{};if(e){for(s=(e=e.split("/")).length-1,y.nodeIdCompat&&w.test(e[s])&&(e[s]=e[s].replace(w,"")),"."===e[0].charAt(0)&&h&&(e=h.slice(0,h.length-1).concat(e)),u=0;u<e.length;u++)if("."===(p=e[u]))e.splice(u,1),--u;else if(".."===p){if(0===u||1===u&&".."===e[2]||".."===e[u-1])continue;0<u&&(e.splice(u-1,2),u-=2)}e=e.join("/")}if((h||g)&&f){for(u=(n=e.split("/")).length;0<u;--u){if(i=n.slice(0,u).join("/"),h)for(d=h.length;0<d;--d)if(r=(r=f[h.slice(0,d).join("/")])&&r[i]){o=r,a=u;break}if(o)break;!l&&g&&g[i]&&(l=g[i],c=u)}!o&&l&&(o=l,a=c),o&&(n.splice(0,a,o),e=n.join("/"))}return e}function A(t,n){return function(){var e=a.call(arguments,0);return"string"!=typeof e[0]&&1===e.length&&e.push(null),s.apply(h,e.concat([t,n]))}}function x(t){return function(e){m[t]=e}}function D(e){if(b(v,e)){var t=v[e];delete v[e],_[e]=!0,o.apply(h,t)}if(!b(m,e)&&!b(_,e))throw new Error("No "+e);return m[e]}function u(e){var t,n=e?e.indexOf("!"):-1;return-1<n&&(t=e.substring(0,n),e=e.substring(n+1,e.length)),[t,e]}function S(e){return e?u(e):[]}return e&&e.requirejs||(e?n=e:e={},m={},v={},y={},_={},r=Object.prototype.hasOwnProperty,a=[].slice,w=/\.js$/,f=function(e,t){var n,i,r=u(e),o=r[0],s=t[1];return e=r[1],o&&(n=D(o=c(o,s))),o?e=n&&n.normalize?n.normalize(e,(i=s,function(e){return c(e,i)})):c(e,s):(o=(r=u(e=c(e,s)))[0],e=r[1],o&&(n=D(o))),{f:o?o+"!"+e:e,n:e,pr:o,p:n}},g={require:function(e){return A(e)},exports:function(e){var t=m[e];return void 0!==t?t:m[e]={}},module:function(e){return{id:e,uri:"",exports:m[e],config:(t=e,function(){return y&&y.config&&y.config[t]||{}})};var t}},o=function(e,t,n,i){var r,o,s,a,l,c,u,d=[],p=typeof n;if(c=S(i=i||e),"undefined"==p||"function"==p){for(t=!t.length&&n.length?["require","exports","module"]:t,l=0;l<t.length;l+=1)if("require"===(o=(a=f(t[l],c)).f))d[l]=g.require(e);else if("exports"===o)d[l]=g.exports(e),u=!0;else if("module"===o)r=d[l]=g.module(e);else if(b(m,o)||b(v,o)||b(_,o))d[l]=D(o);else{if(!a.p)throw new Error(e+" missing "+o);a.p.load(a.n,A(i,!0),x(o),{}),d[l]=m[o]}s=n?n.apply(m[e],d):void 0,e&&(r&&r.exports!==h&&r.exports!==m[e]?m[e]=r.exports:s===h&&u||(m[e]=s))}else e&&(m[e]=n)},t=n=s=function(e,t,n,i,r){if("string"==typeof e)return g[e]?g[e](t):D(f(e,S(t)).f);if(!e.splice){if((y=e).deps&&s(y.deps,y.callback),!t)return;t.splice?(e=t,t=n,n=null):e=h}return t=t||function(){},"function"==typeof n&&(n=i,i=r),i?o(h,e,t,n):setTimeout(function(){o(h,e,t,n)},4),s},s.config=function(e){return s(e)},t._defined=m,(i=function(e,t,n){if("string"!=typeof e)throw new Error("See almond README: incorrect module build, no module name");t.splice||(n=t,t=[]),b(m,e)||b(v,e)||(v[e]=[e,t,n])}).amd={jQuery:!0},e.requirejs=t,e.require=n,e.define=i),e.define("almond",function(){}),e.define("jquery",[],function(){var e=d||$;return null==e&&console&&console.error&&console.error("Select2: An instance of jQuery or a jQuery-compatible library was not found. Make sure that you are including jQuery before Select2 on your web page."),e}),e.define("select2/utils",["jquery"],function(o){var r={};function u(e){var t=e.prototype,n=[];for(var i in t){"function"==typeof t[i]&&"constructor"!==i&&n.push(i)}return n}r.Extend=function(e,t){var n={}.hasOwnProperty;function i(){this.constructor=e}for(var r in t)n.call(t,r)&&(e[r]=t[r]);return i.prototype=t.prototype,e.prototype=new i,e.__super__=t.prototype,e},r.Decorate=function(i,r){var e=u(r),t=u(i);function o(){var e=Array.prototype.unshift,t=r.prototype.constructor.length,n=i.prototype.constructor;0<t&&(e.call(arguments,i.prototype.constructor),n=r.prototype.constructor),n.apply(this,arguments)}r.displayName=i.displayName,o.prototype=new function(){this.constructor=o};for(var n=0;n<t.length;n++){var s=t[n];o.prototype[s]=i.prototype[s]}function a(e){var t=function(){};e in o.prototype&&(t=o.prototype[e]);var n=r.prototype[e];return function(){return Array.prototype.unshift.call(arguments,t),n.apply(this,arguments)}}for(var l=0;l<e.length;l++){var c=e[l];o.prototype[c]=a(c)}return o};function e(){this.listeners={}}e.prototype.on=function(e,t){this.listeners=this.listeners||{},e in this.listeners?this.listeners[e].push(t):this.listeners[e]=[t]},e.prototype.trigger=function(e){var t=Array.prototype.slice,n=t.call(arguments,1);this.listeners=this.listeners||{},null==n&&(n=[]),0===n.length&&n.push({}),(n[0]._type=e)in this.listeners&&this.invoke(this.listeners[e],t.call(arguments,1)),"*"in this.listeners&&this.invoke(this.listeners["*"],arguments)},e.prototype.invoke=function(e,t){for(var n=0,i=e.length;n<i;n++)e[n].apply(this,t)},r.Observable=e,r.generateChars=function(e){for(var t="",n=0;n<e;n++){t+=Math.floor(36*Math.random()).toString(36)}return t},r.bind=function(e,t){return function(){e.apply(t,arguments)}},r._convertData=function(e){for(var t in e){var n=t.split("-"),i=e;if(1!==n.length){for(var r=0;r<n.length;r++){var o=n[r];(o=o.substring(0,1).toLowerCase()+o.substring(1))in i||(i[o]={}),r==n.length-1&&(i[o]=e[t]),i=i[o]}delete e[t]}}return e},r.hasScroll=function(e,t){var n=o(t),i=t.style.overflowX,r=t.style.overflowY;return(i!==r||"hidden"!==r&&"visible"!==r)&&("scroll"===i||"scroll"===r||(n.innerHeight()<t.scrollHeight||n.innerWidth()<t.scrollWidth))},r.escapeMarkup=function(e){var t={"\\":"&#92;","&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#47;"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return t[e]})},r.appendMany=function(e,t){if("1.7"===o.fn.jquery.substr(0,3)){var n=o();o.map(t,function(e){n=n.add(e)}),t=n}e.append(t)},r.__cache={};var n=0;return r.GetUniqueElementId=function(e){var t=e.getAttribute("data-select2-id");return null==t&&(e.id?(t=e.id,e.setAttribute("data-select2-id",t)):(e.setAttribute("data-select2-id",++n),t=n.toString())),t},r.StoreData=function(e,t,n){var i=r.GetUniqueElementId(e);r.__cache[i]||(r.__cache[i]={}),r.__cache[i][t]=n},r.GetData=function(e,t){var n=r.GetUniqueElementId(e);return t?r.__cache[n]&&null!=r.__cache[n][t]?r.__cache[n][t]:o(e).data(t):r.__cache[n]},r.RemoveData=function(e){var t=r.GetUniqueElementId(e);null!=r.__cache[t]&&delete r.__cache[t],e.removeAttribute("data-select2-id")},r}),e.define("select2/results",["jquery","./utils"],function(h,f){function i(e,t,n){this.$element=e,this.data=n,this.options=t,i.__super__.constructor.call(this)}return f.Extend(i,f.Observable),i.prototype.render=function(){var e=h('<ul class="select2-results__options" role="listbox"></ul>');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},i.prototype.clear=function(){this.$results.empty()},i.prototype.displayMessage=function(e){var t=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var n=h('<li role="alert" aria-live="assertive" class="select2-results__option"></li>'),i=this.options.get("translations").get(e.message);n.append(t(i(e.args))),n[0].className+=" select2-results__message",this.$results.append(n)},i.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},i.prototype.append=function(e){this.hideLoading();var t=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var n=0;n<e.results.length;n++){var i=e.results[n],r=this.option(i);t.push(r)}this.$results.append(t)}else 0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"})},i.prototype.position=function(e,t){t.find(".select2-results").append(e)},i.prototype.sort=function(e){return this.options.get("sorter")(e)},i.prototype.highlightFirstItem=function(){var e=this.$results.find(".select2-results__option[aria-selected]"),t=e.filter("[aria-selected=true]");0<t.length?t.first().trigger("mouseenter"):e.first().trigger("mouseenter"),this.ensureHighlightVisible()},i.prototype.setClasses=function(){var t=this;this.data.current(function(e){var i=h.map(e,function(e){return e.id.toString()});t.$results.find(".select2-results__option[aria-selected]").each(function(){var e=h(this),t=f.GetData(this,"data"),n=""+t.id;null!=t.element&&t.element.selected||null==t.element&&-1<h.inArray(n,i)?e.attr("aria-selected","true"):e.attr("aria-selected","false")})})},i.prototype.showLoading=function(e){this.hideLoading();var t={disabled:!0,loading:!0,text:this.options.get("translations").get("searching")(e)},n=this.option(t);n.className+=" loading-results",this.$results.prepend(n)},i.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},i.prototype.option=function(e){var t=document.createElement("li");t.className="select2-results__option";var n={role:"option","aria-selected":"false"},i=window.Element.prototype.matches||window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector;for(var r in(null!=e.element&&i.call(e.element,":disabled")||null==e.element&&e.disabled)&&(delete n["aria-selected"],n["aria-disabled"]="true"),null==e.id&&delete n["aria-selected"],null!=e._resultId&&(t.id=e._resultId),e.title&&(t.title=e.title),e.children&&(n.role="group",n["aria-label"]=e.text,delete n["aria-selected"]),n){var o=n[r];t.setAttribute(r,o)}if(e.children){var s=h(t),a=document.createElement("strong");a.className="select2-results__group";h(a);this.template(e,a);for(var l=[],c=0;c<e.children.length;c++){var u=e.children[c],d=this.option(u);l.push(d)}var p=h("<ul></ul>",{class:"select2-results__options select2-results__options--nested"});p.append(l),s.append(a),s.append(p)}else this.template(e,t);return f.StoreData(t,"data",e),t},i.prototype.bind=function(t,e){var l=this,n=t.id+"-results";this.$results.attr("id",n),t.on("results:all",function(e){l.clear(),l.append(e.data),t.isOpen()&&(l.setClasses(),l.highlightFirstItem())}),t.on("results:append",function(e){l.append(e.data),t.isOpen()&&l.setClasses()}),t.on("query",function(e){l.hideMessages(),l.showLoading(e)}),t.on("select",function(){t.isOpen()&&(l.setClasses(),l.options.get("scrollAfterSelect")&&l.highlightFirstItem())}),t.on("unselect",function(){t.isOpen()&&(l.setClasses(),l.options.get("scrollAfterSelect")&&l.highlightFirstItem())}),t.on("open",function(){l.$results.attr("aria-expanded","true"),l.$results.attr("aria-hidden","false"),l.setClasses(),l.ensureHighlightVisible()}),t.on("close",function(){l.$results.attr("aria-expanded","false"),l.$results.attr("aria-hidden","true"),l.$results.removeAttr("aria-activedescendant")}),t.on("results:toggle",function(){var e=l.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),t.on("results:select",function(){var e=l.getHighlightedResults();if(0!==e.length){var t=f.GetData(e[0],"data");"true"==e.attr("aria-selected")?l.trigger("close",{}):l.trigger("select",{data:t})}}),t.on("results:previous",function(){var e=l.getHighlightedResults(),t=l.$results.find("[aria-selected]"),n=t.index(e);if(!(n<=0)){var i=n-1;0===e.length&&(i=0);var r=t.eq(i);r.trigger("mouseenter");var o=l.$results.offset().top,s=r.offset().top,a=l.$results.scrollTop()+(s-o);0===i?l.$results.scrollTop(0):s-o<0&&l.$results.scrollTop(a)}}),t.on("results:next",function(){var e=l.getHighlightedResults(),t=l.$results.find("[aria-selected]"),n=t.index(e)+1;if(!(n>=t.length)){var i=t.eq(n);i.trigger("mouseenter");var r=l.$results.offset().top+l.$results.outerHeight(!1),o=i.offset().top+i.outerHeight(!1),s=l.$results.scrollTop()+o-r;0===n?l.$results.scrollTop(0):r<o&&l.$results.scrollTop(s)}}),t.on("results:focus",function(e){e.element.addClass("select2-results__option--highlighted")}),t.on("results:message",function(e){l.displayMessage(e)}),h.fn.mousewheel&&this.$results.on("mousewheel",function(e){var t=l.$results.scrollTop(),n=l.$results.get(0).scrollHeight-t+e.deltaY,i=0<e.deltaY&&t-e.deltaY<=0,r=e.deltaY<0&&n<=l.$results.height();i?(l.$results.scrollTop(0),e.preventDefault(),e.stopPropagation()):r&&(l.$results.scrollTop(l.$results.get(0).scrollHeight-l.$results.height()),e.preventDefault(),e.stopPropagation())}),this.$results.on("mouseup",".select2-results__option[aria-selected]",function(e){var t=h(this),n=f.GetData(this,"data");"true"!==t.attr("aria-selected")?l.trigger("select",{originalEvent:e,data:n}):l.options.get("multiple")?l.trigger("unselect",{originalEvent:e,data:n}):l.trigger("close",{})}),this.$results.on("mouseenter",".select2-results__option[aria-selected]",function(e){var t=f.GetData(this,"data");l.getHighlightedResults().removeClass("select2-results__option--highlighted"),l.trigger("results:focus",{data:t,element:h(this)})})},i.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},i.prototype.destroy=function(){this.$results.remove()},i.prototype.ensureHighlightVisible=function(){var e=this.getHighlightedResults();if(0!==e.length){var t=this.$results.find("[aria-selected]").index(e),n=this.$results.offset().top,i=e.offset().top,r=this.$results.scrollTop()+(i-n),o=i-n;r-=2*e.outerHeight(!1),t<=2?this.$results.scrollTop(0):(o>this.$results.outerHeight()||o<0)&&this.$results.scrollTop(r)}},i.prototype.template=function(e,t){var n=this.options.get("templateResult"),i=this.options.get("escapeMarkup"),r=n(e,t);null==r?t.style.display="none":"string"==typeof r?t.innerHTML=i(r):h(t).append(r)},i}),e.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),e.define("select2/selection/base",["jquery","../utils","../keys"],function(n,i,r){function o(e,t){this.$element=e,this.options=t,o.__super__.constructor.call(this)}return i.Extend(o,i.Observable),o.prototype.render=function(){var e=n('<span class="select2-selection" role="combobox"  aria-haspopup="true" aria-expanded="false"></span>');return this._tabindex=0,null!=i.GetData(this.$element[0],"old-tabindex")?this._tabindex=i.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),e.attr("aria-disabled","false"),this.$selection=e},o.prototype.bind=function(e,t){var n=this,i=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){n.trigger("focus",e)}),this.$selection.on("blur",function(e){n._handleBlur(e)}),this.$selection.on("keydown",function(e){n.trigger("keypress",e),e.which===r.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){n.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){n.update(e.data)}),e.on("open",function(){n.$selection.attr("aria-expanded","true"),n.$selection.attr("aria-owns",i),n._attachCloseHandler(e)}),e.on("close",function(){n.$selection.attr("aria-expanded","false"),n.$selection.removeAttr("aria-activedescendant"),n.$selection.removeAttr("aria-owns"),n.$selection.trigger("focus"),n._detachCloseHandler(e)}),e.on("enable",function(){n.$selection.attr("tabindex",n._tabindex),n.$selection.attr("aria-disabled","false")}),e.on("disable",function(){n.$selection.attr("tabindex","-1"),n.$selection.attr("aria-disabled","true")})},o.prototype._handleBlur=function(e){var t=this;window.setTimeout(function(){document.activeElement==t.$selection[0]||n.contains(t.$selection[0],document.activeElement)||t.trigger("blur",e)},1)},o.prototype._attachCloseHandler=function(e){n(document.body).on("mousedown.select2."+e.id,function(e){var t=n(e.target).closest(".select2");n(".select2.select2-container--open").each(function(){this!=t[0]&&i.GetData(this,"element").select2("close")})})},o.prototype._detachCloseHandler=function(e){n(document.body).off("mousedown.select2."+e.id)},o.prototype.position=function(e,t){t.find(".selection").append(e)},o.prototype.destroy=function(){this._detachCloseHandler(this.container)},o.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},o.prototype.isEnabled=function(){return!this.isDisabled()},o.prototype.isDisabled=function(){return this.options.get("disabled")},o}),e.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,t,n,i){function r(){r.__super__.constructor.apply(this,arguments)}return n.Extend(r,t),r.prototype.render=function(){var e=r.__super__.render.call(this);return e.addClass("select2-selection--single"),e.html('<span class="select2-selection__rendered"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>'),e},r.prototype.bind=function(t,e){var n=this;r.__super__.bind.apply(this,arguments);var i=t.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",i).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",i),this.$selection.on("mousedown",function(e){1===e.which&&n.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("blur",function(e){}),t.on("focus",function(e){t.isOpen()||n.$selection.trigger("focus")})},r.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},r.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},r.prototype.selectionContainer=function(){return e("<span></span>")},r.prototype.update=function(e){if(0!==e.length){var t=e[0],n=this.$selection.find(".select2-selection__rendered"),i=this.display(t,n);n.empty().append(i);var r=t.title||t.text;r?n.attr("title",r):n.removeAttr("title")}else this.clear()},r}),e.define("select2/selection/multiple",["jquery","./base","../utils"],function(r,e,l){function n(e,t){n.__super__.constructor.apply(this,arguments)}return l.Extend(n,e),n.prototype.render=function(){var e=n.__super__.render.call(this);return e.addClass("select2-selection--multiple"),e.html('<ul class="select2-selection__rendered"></ul>'),e},n.prototype.bind=function(e,t){var i=this;n.__super__.bind.apply(this,arguments),this.$selection.on("click",function(e){i.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){if(!i.isDisabled()){var t=r(this).parent(),n=l.GetData(t[0],"data");i.trigger("unselect",{originalEvent:e,data:n})}})},n.prototype.clear=function(){var e=this.$selection.find(".select2-selection__rendered");e.empty(),e.removeAttr("title")},n.prototype.display=function(e,t){var n=this.options.get("templateSelection");return this.options.get("escapeMarkup")(n(e,t))},n.prototype.selectionContainer=function(){return r('<li class="select2-selection__choice"><span class="select2-selection__choice__remove" role="presentation">&times;</span></li>')},n.prototype.update=function(e){if(this.clear(),0!==e.length){for(var t=[],n=0;n<e.length;n++){var i=e[n],r=this.selectionContainer(),o=this.display(i,r);r.append(o);var s=i.title||i.text;s&&r.attr("title",s),l.StoreData(r[0],"data",i),t.push(r)}var a=this.$selection.find(".select2-selection__rendered");l.appendMany(a,t)}},n}),e.define("select2/selection/placeholder",["../utils"],function(e){function t(e,t,n){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n)}return t.prototype.normalizePlaceholder=function(e,t){return"string"==typeof t&&(t={id:"",text:t}),t},t.prototype.createPlaceholder=function(e,t){var n=this.selectionContainer();return n.html(this.display(t)),n.addClass("select2-selection__placeholder").removeClass("select2-selection__choice"),n},t.prototype.update=function(e,t){var n=1==t.length&&t[0].id!=this.placeholder.id;if(1<t.length||n)return e.call(this,t);this.clear();var i=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(i)},t}),e.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(r,i,a){function e(){}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(e){i._handleClear(e)}),t.on("keypress",function(e){i._handleKeyboardClear(e,t)})},e.prototype._handleClear=function(e,t){if(!this.isDisabled()){var n=this.$selection.find(".select2-selection__clear");if(0!==n.length){t.stopPropagation();var i=a.GetData(n[0],"data"),r=this.$element.val();this.$element.val(this.placeholder.id);var o={data:i};if(this.trigger("clear",o),o.prevented)this.$element.val(r);else{for(var s=0;s<i.length;s++)if(o={data:i[s]},this.trigger("unselect",o),o.prevented)return void this.$element.val(r);this.$element.trigger("input").trigger("change"),this.trigger("toggle",{})}}}},e.prototype._handleKeyboardClear=function(e,t,n){n.isOpen()||t.which!=i.DELETE&&t.which!=i.BACKSPACE||this._handleClear(t)},e.prototype.update=function(e,t){if(e.call(this,t),!(0<this.$selection.find(".select2-selection__placeholder").length||0===t.length)){var n=this.options.get("translations").get("removeAllItems"),i=r('<span class="select2-selection__clear" title="'+n()+'">&times;</span>');a.StoreData(i[0],"data",t),this.$selection.find(".select2-selection__rendered").prepend(i)}},e}),e.define("select2/selection/search",["jquery","../utils","../keys"],function(i,a,l){function e(e,t,n){e.call(this,t,n)}return e.prototype.render=function(e){var t=i('<li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></li>');this.$searchContainer=t,this.$search=t.find("input");var n=e.call(this);return this._transferTabIndex(),n},e.prototype.bind=function(e,t,n){var i=this,r=t.id+"-results";e.call(this,t,n),t.on("open",function(){i.$search.attr("aria-controls",r),i.$search.trigger("focus")}),t.on("close",function(){i.$search.val(""),i.$search.removeAttr("aria-controls"),i.$search.removeAttr("aria-activedescendant"),i.$search.trigger("focus")}),t.on("enable",function(){i.$search.prop("disabled",!1),i._transferTabIndex()}),t.on("disable",function(){i.$search.prop("disabled",!0)}),t.on("focus",function(e){i.$search.trigger("focus")}),t.on("results:focus",function(e){e.data._resultId?i.$search.attr("aria-activedescendant",e.data._resultId):i.$search.removeAttr("aria-activedescendant")}),this.$selection.on("focusin",".select2-search--inline",function(e){i.trigger("focus",e)}),this.$selection.on("focusout",".select2-search--inline",function(e){i._handleBlur(e)}),this.$selection.on("keydown",".select2-search--inline",function(e){if(e.stopPropagation(),i.trigger("keypress",e),i._keyUpPrevented=e.isDefaultPrevented(),e.which===l.BACKSPACE&&""===i.$search.val()){var t=i.$searchContainer.prev(".select2-selection__choice");if(0<t.length){var n=a.GetData(t[0],"data");i.searchRemoveChoice(n),e.preventDefault()}}}),this.$selection.on("click",".select2-search--inline",function(e){i.$search.val()&&e.stopPropagation()});var o=document.documentMode,s=o&&o<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(e){s?i.$selection.off("input.search input.searchcheck"):i.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(e){if(s&&"input"===e.type)i.$selection.off("input.search input.searchcheck");else{var t=e.which;t!=l.SHIFT&&t!=l.CTRL&&t!=l.ALT&&t!=l.TAB&&i.handleSearch(e)}})},e.prototype._transferTabIndex=function(e){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},e.prototype.createPlaceholder=function(e,t){this.$search.attr("placeholder",t.text)},e.prototype.update=function(e,t){var n=this.$search[0]==document.activeElement;this.$search.attr("placeholder",""),e.call(this,t),this.$selection.find(".select2-selection__rendered").append(this.$searchContainer),this.resizeSearch(),n&&this.$search.trigger("focus")},e.prototype.handleSearch=function(){if(this.resizeSearch(),!this._keyUpPrevented){var e=this.$search.val();this.trigger("query",{term:e})}this._keyUpPrevented=!1},e.prototype.searchRemoveChoice=function(e,t){this.trigger("unselect",{data:t}),this.$search.val(t.text),this.handleSearch()},e.prototype.resizeSearch=function(){this.$search.css("width","25px");var e="";""!==this.$search.attr("placeholder")?e=this.$selection.find(".select2-selection__rendered").width():e=.75*(this.$search.val().length+1)+"em";this.$search.css("width",e)},e}),e.define("select2/selection/eventRelay",["jquery"],function(s){function e(){}return e.prototype.bind=function(e,t,n){var i=this,r=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],o=["opening","closing","selecting","unselecting","clearing"];e.call(this,t,n),t.on("*",function(e,t){if(-1!==s.inArray(e,r)){t=t||{};var n=s.Event("select2:"+e,{params:t});i.$element.trigger(n),-1!==s.inArray(e,o)&&(t.prevented=n.isDefaultPrevented())}})},e}),e.define("select2/translation",["jquery","require"],function(t,n){function i(e){this.dict=e||{}}return i.prototype.all=function(){return this.dict},i.prototype.get=function(e){return this.dict[e]},i.prototype.extend=function(e){this.dict=t.extend({},e.all(),this.dict)},i._cache={},i.loadPath=function(e){if(!(e in i._cache)){var t=n(e);i._cache[e]=t}return new i(i._cache[e])},i}),e.define("select2/diacritics",[],function(){return{"Ⓐ":"A","Ａ":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","Ｂ":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","Ｃ":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","Ｄ":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","Ｅ":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","Ｆ":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","Ｇ":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","Ｈ":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","Ｉ":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","Ｊ":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","Ｋ":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","Ｌ":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","Ｍ":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","Ｎ":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","Ｏ":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Œ":"OE","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","Ｐ":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Ｑ":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","Ｒ":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","Ｓ":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","Ｔ":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","Ｕ":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","Ｖ":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","Ｗ":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","Ｘ":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Ｙ":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Ｚ":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","ａ":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","ｂ":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","ｃ":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","ｄ":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","ｅ":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","ｆ":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","ｇ":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","ｈ":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","ｉ":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","ｊ":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","ｋ":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","ｌ":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","ｍ":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","ｎ":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","ｏ":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","œ":"oe","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","ｐ":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","ｑ":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","ｒ":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","ｓ":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","ｔ":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","ｕ":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","ｖ":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","ｗ":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","ｘ":"x","ẋ":"x","ẍ":"x","ⓨ":"y","ｙ":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","ｚ":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ώ":"ω","ς":"σ","’":"'"}}),e.define("select2/data/base",["../utils"],function(i){function n(e,t){n.__super__.constructor.call(this)}return i.Extend(n,i.Observable),n.prototype.current=function(e){throw new Error("The `current` method must be defined in child classes.")},n.prototype.query=function(e,t){throw new Error("The `query` method must be defined in child classes.")},n.prototype.bind=function(e,t){},n.prototype.destroy=function(){},n.prototype.generateResultId=function(e,t){var n=e.id+"-result-";return n+=i.generateChars(4),null!=t.id?n+="-"+t.id.toString():n+="-"+i.generateChars(4),n},n}),e.define("select2/data/select",["./base","../utils","jquery"],function(e,a,l){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return a.Extend(n,e),n.prototype.current=function(e){var n=[],i=this;this.$element.find(":selected").each(function(){var e=l(this),t=i.item(e);n.push(t)}),e(n)},n.prototype.select=function(r){var o=this;if(r.selected=!0,l(r.element).is("option"))return r.element.selected=!0,void this.$element.trigger("input").trigger("change");if(this.$element.prop("multiple"))this.current(function(e){var t=[];(r=[r]).push.apply(r,e);for(var n=0;n<r.length;n++){var i=r[n].id;-1===l.inArray(i,t)&&t.push(i)}o.$element.val(t),o.$element.trigger("input").trigger("change")});else{var e=r.id;this.$element.val(e),this.$element.trigger("input").trigger("change")}},n.prototype.unselect=function(r){var o=this;if(this.$element.prop("multiple")){if(r.selected=!1,l(r.element).is("option"))return r.element.selected=!1,void this.$element.trigger("input").trigger("change");this.current(function(e){for(var t=[],n=0;n<e.length;n++){var i=e[n].id;i!==r.id&&-1===l.inArray(i,t)&&t.push(i)}o.$element.val(t),o.$element.trigger("input").trigger("change")})}},n.prototype.bind=function(e,t){var n=this;(this.container=e).on("select",function(e){n.select(e.data)}),e.on("unselect",function(e){n.unselect(e.data)})},n.prototype.destroy=function(){this.$element.find("*").each(function(){a.RemoveData(this)})},n.prototype.query=function(i,e){var r=[],o=this;this.$element.children().each(function(){var e=l(this);if(e.is("option")||e.is("optgroup")){var t=o.item(e),n=o.matches(i,t);null!==n&&r.push(n)}}),e({results:r})},n.prototype.addOptions=function(e){a.appendMany(this.$element,e)},n.prototype.option=function(e){var t;e.children?(t=document.createElement("optgroup")).label=e.text:void 0!==(t=document.createElement("option")).textContent?t.textContent=e.text:t.innerText=e.text,void 0!==e.id&&(t.value=e.id),e.disabled&&(t.disabled=!0),e.selected&&(t.selected=!0),e.title&&(t.title=e.title);var n=l(t),i=this._normalizeItem(e);return i.element=t,a.StoreData(t,"data",i),n},n.prototype.item=function(e){var t={};if(null!=(t=a.GetData(e[0],"data")))return t;if(e.is("option"))t={id:e.val(),text:e.text(),disabled:e.prop("disabled"),selected:e.prop("selected"),title:e.prop("title")};else if(e.is("optgroup")){t={text:e.prop("label"),children:[],title:e.prop("title")};for(var n=e.children("option"),i=[],r=0;r<n.length;r++){var o=l(n[r]),s=this.item(o);i.push(s)}t.children=i}return(t=this._normalizeItem(t)).element=e[0],a.StoreData(e[0],"data",t),t},n.prototype._normalizeItem=function(e){e!==Object(e)&&(e={id:e,text:e});return null!=(e=l.extend({},{text:""},e)).id&&(e.id=e.id.toString()),null!=e.text&&(e.text=e.text.toString()),null==e._resultId&&e.id&&null!=this.container&&(e._resultId=this.generateResultId(this.container,e)),l.extend({},{selected:!1,disabled:!1},e)},n.prototype.matches=function(e,t){return this.options.get("matcher")(e,t)},n}),e.define("select2/data/array",["./select","../utils","jquery"],function(e,f,g){function i(e,t){this._dataToConvert=t.get("data")||[],i.__super__.constructor.call(this,e,t)}return f.Extend(i,e),i.prototype.bind=function(e,t){i.__super__.bind.call(this,e,t),this.addOptions(this.convertToOptions(this._dataToConvert))},i.prototype.select=function(n){var e=this.$element.find("option").filter(function(e,t){return t.value==n.id.toString()});0===e.length&&(e=this.option(n),this.addOptions(e)),i.__super__.select.call(this,n)},i.prototype.convertToOptions=function(e){var t=this,n=this.$element.find("option"),i=n.map(function(){return t.item(g(this)).id}).get(),r=[];function o(e){return function(){return g(this).val()==e.id}}for(var s=0;s<e.length;s++){var a=this._normalizeItem(e[s]);if(0<=g.inArray(a.id,i)){var l=n.filter(o(a)),c=this.item(l),u=g.extend(!0,{},a,c),d=this.option(u);l.replaceWith(d)}else{var p=this.option(a);if(a.children){var h=this.convertToOptions(a.children);f.appendMany(p,h)}r.push(p)}}return r},i}),e.define("select2/data/ajax",["./array","../utils","jquery"],function(e,t,o){function n(e,t){this.ajaxOptions=this._applyDefaults(t.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),n.__super__.constructor.call(this,e,t)}return t.Extend(n,e),n.prototype._applyDefaults=function(e){var t={data:function(e){return o.extend({},e,{q:e.term})},transport:function(e,t,n){var i=o.ajax(e);return i.then(t),i.fail(n),i}};return o.extend({},t,e,!0)},n.prototype.processResults=function(e){return e},n.prototype.query=function(n,i){var r=this;null!=this._request&&(o.isFunction(this._request.abort)&&this._request.abort(),this._request=null);var t=o.extend({type:"GET"},this.ajaxOptions);function e(){var e=t.transport(t,function(e){var t=r.processResults(e,n);r.options.get("debug")&&window.console&&console.error&&(t&&t.results&&o.isArray(t.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),i(t)},function(){"status"in e&&(0===e.status||"0"===e.status)||r.trigger("results:message",{message:"errorLoading"})});r._request=e}"function"==typeof t.url&&(t.url=t.url.call(this.$element,n)),"function"==typeof t.data&&(t.data=t.data.call(this.$element,n)),this.ajaxOptions.delay&&null!=n.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(e,this.ajaxOptions.delay)):e()},n}),e.define("select2/data/tags",["jquery"],function(u){function e(e,t,n){var i=n.get("tags"),r=n.get("createTag");void 0!==r&&(this.createTag=r);var o=n.get("insertTag");if(void 0!==o&&(this.insertTag=o),e.call(this,t,n),u.isArray(i))for(var s=0;s<i.length;s++){var a=i[s],l=this._normalizeItem(a),c=this.option(l);this.$element.append(c)}}return e.prototype.query=function(e,c,u){var d=this;this._removeOldTags(),null!=c.term&&null==c.page?e.call(this,c,function e(t,n){for(var i=t.results,r=0;r<i.length;r++){var o=i[r],s=null!=o.children&&!e({results:o.children},!0);if((o.text||"").toUpperCase()===(c.term||"").toUpperCase()||s)return!n&&(t.data=i,void u(t))}if(n)return!0;var a=d.createTag(c);if(null!=a){var l=d.option(a);l.attr("data-select2-tag",!0),d.addOptions([l]),d.insertTag(i,a)}t.results=i,u(t)}):e.call(this,c,u)},e.prototype.createTag=function(e,t){var n=u.trim(t.term);return""===n?null:{id:n,text:n}},e.prototype.insertTag=function(e,t,n){t.unshift(n)},e.prototype._removeOldTags=function(e){this.$element.find("option[data-select2-tag]").each(function(){this.selected||u(this).remove()})},e}),e.define("select2/data/tokenizer",["jquery"],function(d){function e(e,t,n){var i=n.get("tokenizer");void 0!==i&&(this.tokenizer=i),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){e.call(this,t,n),this.$search=t.dropdown.$search||t.selection.$search||n.find(".select2-search__field")},e.prototype.query=function(e,t,n){var r=this;t.term=t.term||"";var i=this.tokenizer(t,this.options,function(e){var t,n=r._normalizeItem(e);if(!r.$element.find("option").filter(function(){return d(this).val()===n.id}).length){var i=r.option(n);i.attr("data-select2-tag",!0),r._removeOldTags(),r.addOptions([i])}t=n,r.trigger("select",{data:t})});i.term!==t.term&&(this.$search.length&&(this.$search.val(i.term),this.$search.trigger("focus")),t.term=i.term),e.call(this,t,n)},e.prototype.tokenizer=function(e,t,n,i){for(var r=n.get("tokenSeparators")||[],o=t.term,s=0,a=this.createTag||function(e){return{id:e.term,text:e.term}};s<o.length;){var l=o[s];if(-1!==d.inArray(l,r)){var c=o.substr(0,s),u=a(d.extend({},t,{term:c}));null!=u?(i(u),o=o.substr(s+1)||"",s=0):s++}else s++}return{term:o}},e}),e.define("select2/data/minimumInputLength",[],function(){function e(e,t,n){this.minimumInputLength=n.get("minimumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",t.term.length<this.minimumInputLength?this.trigger("results:message",{message:"inputTooShort",args:{minimum:this.minimumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),e.define("select2/data/maximumInputLength",[],function(){function e(e,t,n){this.maximumInputLength=n.get("maximumInputLength"),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.term=t.term||"",0<this.maximumInputLength&&t.term.length>this.maximumInputLength?this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:t.term,params:t}}):e.call(this,t,n)},e}),e.define("select2/data/maximumSelectionLength",[],function(){function e(e,t,n){this.maximumSelectionLength=n.get("maximumSelectionLength"),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("select",function(){i._checkIfMaximumSelected()})},e.prototype.query=function(e,t,n){var i=this;this._checkIfMaximumSelected(function(){e.call(i,t,n)})},e.prototype._checkIfMaximumSelected=function(e,n){var i=this;this.current(function(e){var t=null!=e?e.length:0;0<i.maximumSelectionLength&&t>=i.maximumSelectionLength?i.trigger("results:message",{message:"maximumSelected",args:{maximum:i.maximumSelectionLength}}):n&&n()})},e}),e.define("select2/dropdown",["jquery","./utils"],function(t,e){function n(e,t){this.$element=e,this.options=t,n.__super__.constructor.call(this)}return e.Extend(n,e.Observable),n.prototype.render=function(){var e=t('<span class="select2-dropdown"><span class="select2-results"></span></span>');return e.attr("dir",this.options.get("dir")),this.$dropdown=e},n.prototype.bind=function(){},n.prototype.position=function(e,t){},n.prototype.destroy=function(){this.$dropdown.remove()},n}),e.define("select2/dropdown/search",["jquery","../utils"],function(o,e){function t(){}return t.prototype.render=function(e){var t=e.call(this),n=o('<span class="select2-search select2-search--dropdown"><input class="select2-search__field" type="search" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" /></span>');return this.$searchContainer=n,this.$search=n.find("input"),t.prepend(n),t},t.prototype.bind=function(e,t,n){var i=this,r=t.id+"-results";e.call(this,t,n),this.$search.on("keydown",function(e){i.trigger("keypress",e),i._keyUpPrevented=e.isDefaultPrevented()}),this.$search.on("input",function(e){o(this).off("keyup")}),this.$search.on("keyup input",function(e){i.handleSearch(e)}),t.on("open",function(){i.$search.attr("tabindex",0),i.$search.attr("aria-controls",r),i.$search.trigger("focus"),window.setTimeout(function(){i.$search.trigger("focus")},0)}),t.on("close",function(){i.$search.attr("tabindex",-1),i.$search.removeAttr("aria-controls"),i.$search.removeAttr("aria-activedescendant"),i.$search.val(""),i.$search.trigger("blur")}),t.on("focus",function(){t.isOpen()||i.$search.trigger("focus")}),t.on("results:all",function(e){null!=e.query.term&&""!==e.query.term||(i.showSearch(e)?i.$searchContainer.removeClass("select2-search--hide"):i.$searchContainer.addClass("select2-search--hide"))}),t.on("results:focus",function(e){e.data._resultId?i.$search.attr("aria-activedescendant",e.data._resultId):i.$search.removeAttr("aria-activedescendant")})},t.prototype.handleSearch=function(e){if(!this._keyUpPrevented){var t=this.$search.val();this.trigger("query",{term:t})}this._keyUpPrevented=!1},t.prototype.showSearch=function(e,t){return!0},t}),e.define("select2/dropdown/hidePlaceholder",[],function(){function e(e,t,n,i){this.placeholder=this.normalizePlaceholder(n.get("placeholder")),e.call(this,t,n,i)}return e.prototype.append=function(e,t){t.results=this.removePlaceholder(t.results),e.call(this,t)},e.prototype.normalizePlaceholder=function(e,t){return"string"==typeof t&&(t={id:"",text:t}),t},e.prototype.removePlaceholder=function(e,t){for(var n=t.slice(0),i=t.length-1;0<=i;i--){var r=t[i];this.placeholder.id===r.id&&n.splice(i,1)}return n},e}),e.define("select2/dropdown/infiniteScroll",["jquery"],function(n){function e(e,t,n,i){this.lastParams={},e.call(this,t,n,i),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return e.prototype.append=function(e,t){this.$loadingMore.remove(),this.loading=!1,e.call(this,t),this.showLoadingMore(t)&&(this.$results.append(this.$loadingMore),this.loadMoreIfNeeded())},e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("query",function(e){i.lastParams=e,i.loading=!0}),t.on("query:append",function(e){i.lastParams=e,i.loading=!0}),this.$results.on("scroll",this.loadMoreIfNeeded.bind(this))},e.prototype.loadMoreIfNeeded=function(){var e=n.contains(document.documentElement,this.$loadingMore[0]);if(!this.loading&&e){var t=this.$results.offset().top+this.$results.outerHeight(!1);this.$loadingMore.offset().top+this.$loadingMore.outerHeight(!1)<=t+50&&this.loadMore()}},e.prototype.loadMore=function(){this.loading=!0;var e=n.extend({},{page:1},this.lastParams);e.page++,this.trigger("query:append",e)},e.prototype.showLoadingMore=function(e,t){return t.pagination&&t.pagination.more},e.prototype.createLoadingMore=function(){var e=n('<li class="select2-results__option select2-results__option--load-more"role="option" aria-disabled="true"></li>'),t=this.options.get("translations").get("loadingMore");return e.html(t(this.lastParams)),e},e}),e.define("select2/dropdown/attachBody",["jquery","../utils"],function(f,a){function e(e,t,n){this.$dropdownParent=f(n.get("dropdownParent")||document.body),e.call(this,t,n)}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("open",function(){i._showDropdown(),i._attachPositioningHandler(t),i._bindContainerResultHandlers(t)}),t.on("close",function(){i._hideDropdown(),i._detachPositioningHandler(t)}),this.$dropdownContainer.on("mousedown",function(e){e.stopPropagation()})},e.prototype.destroy=function(e){e.call(this),this.$dropdownContainer.remove()},e.prototype.position=function(e,t,n){t.attr("class",n.attr("class")),t.removeClass("select2"),t.addClass("select2-container--open"),t.css({position:"absolute",top:-999999}),this.$container=n},e.prototype.render=function(e){var t=f("<span></span>"),n=e.call(this);return t.append(n),this.$dropdownContainer=t},e.prototype._hideDropdown=function(e){this.$dropdownContainer.detach()},e.prototype._bindContainerResultHandlers=function(e,t){if(!this._containerResultsHandlersBound){var n=this;t.on("results:all",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:append",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("results:message",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("select",function(){n._positionDropdown(),n._resizeDropdown()}),t.on("unselect",function(){n._positionDropdown(),n._resizeDropdown()}),this._containerResultsHandlersBound=!0}},e.prototype._attachPositioningHandler=function(e,t){var n=this,i="scroll.select2."+t.id,r="resize.select2."+t.id,o="orientationchange.select2."+t.id,s=this.$container.parents().filter(a.hasScroll);s.each(function(){a.StoreData(this,"select2-scroll-position",{x:f(this).scrollLeft(),y:f(this).scrollTop()})}),s.on(i,function(e){var t=a.GetData(this,"select2-scroll-position");f(this).scrollTop(t.y)}),f(window).on(i+" "+r+" "+o,function(e){n._positionDropdown(),n._resizeDropdown()})},e.prototype._detachPositioningHandler=function(e,t){var n="scroll.select2."+t.id,i="resize.select2."+t.id,r="orientationchange.select2."+t.id;this.$container.parents().filter(a.hasScroll).off(n),f(window).off(n+" "+i+" "+r)},e.prototype._positionDropdown=function(){var e=f(window),t=this.$dropdown.hasClass("select2-dropdown--above"),n=this.$dropdown.hasClass("select2-dropdown--below"),i=null,r=this.$container.offset();r.bottom=r.top+this.$container.outerHeight(!1);var o={height:this.$container.outerHeight(!1)};o.top=r.top,o.bottom=r.top+o.height;var s=this.$dropdown.outerHeight(!1),a=e.scrollTop(),l=e.scrollTop()+e.height(),c=a<r.top-s,u=l>r.bottom+s,d={left:r.left,top:o.bottom},p=this.$dropdownParent;"static"===p.css("position")&&(p=p.offsetParent());var h={top:0,left:0};(f.contains(document.body,p[0])||p[0].isConnected)&&(h=p.offset()),d.top-=h.top,d.left-=h.left,t||n||(i="below"),u||!c||t?!c&&u&&t&&(i="below"):i="above",("above"==i||t&&"below"!==i)&&(d.top=o.top-h.top-s),null!=i&&(this.$dropdown.removeClass("select2-dropdown--below select2-dropdown--above").addClass("select2-dropdown--"+i),this.$container.removeClass("select2-container--below select2-container--above").addClass("select2-container--"+i)),this.$dropdownContainer.css(d)},e.prototype._resizeDropdown=function(){var e={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(e.minWidth=e.width,e.position="relative",e.width="auto"),this.$dropdown.css(e)},e.prototype._showDropdown=function(e){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},e}),e.define("select2/dropdown/minimumResultsForSearch",[],function(){function e(e,t,n,i){this.minimumResultsForSearch=n.get("minimumResultsForSearch"),this.minimumResultsForSearch<0&&(this.minimumResultsForSearch=1/0),e.call(this,t,n,i)}return e.prototype.showSearch=function(e,t){return!(function e(t){for(var n=0,i=0;i<t.length;i++){var r=t[i];r.children?n+=e(r.children):n++}return n}(t.data.results)<this.minimumResultsForSearch)&&e.call(this,t)},e}),e.define("select2/dropdown/selectOnClose",["../utils"],function(o){function e(){}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("close",function(e){i._handleSelectOnClose(e)})},e.prototype._handleSelectOnClose=function(e,t){if(t&&null!=t.originalSelect2Event){var n=t.originalSelect2Event;if("select"===n._type||"unselect"===n._type)return}var i=this.getHighlightedResults();if(!(i.length<1)){var r=o.GetData(i[0],"data");null!=r.element&&r.element.selected||null==r.element&&r.selected||this.trigger("select",{data:r})}},e}),e.define("select2/dropdown/closeOnSelect",[],function(){function e(){}return e.prototype.bind=function(e,t,n){var i=this;e.call(this,t,n),t.on("select",function(e){i._selectTriggered(e)}),t.on("unselect",function(e){i._selectTriggered(e)})},e.prototype._selectTriggered=function(e,t){var n=t.originalEvent;n&&(n.ctrlKey||n.metaKey)||this.trigger("close",{originalEvent:n,originalSelect2Event:t})},e}),e.define("select2/i18n/en",[],function(){return{errorLoading:function(){return"The results could not be loaded."},inputTooLong:function(e){var t=e.input.length-e.maximum,n="Please delete "+t+" character";return 1!=t&&(n+="s"),n},inputTooShort:function(e){return"Please enter "+(e.minimum-e.input.length)+" or more characters"},loadingMore:function(){return"Loading more results…"},maximumSelected:function(e){var t="You can only select "+e.maximum+" item";return 1!=e.maximum&&(t+="s"),t},noResults:function(){return"No results found"},searching:function(){return"Searching…"},removeAllItems:function(){return"Remove all items"}}}),e.define("select2/defaults",["jquery","require","./results","./selection/single","./selection/multiple","./selection/placeholder","./selection/allowClear","./selection/search","./selection/eventRelay","./utils","./translation","./diacritics","./data/select","./data/array","./data/ajax","./data/tags","./data/tokenizer","./data/minimumInputLength","./data/maximumInputLength","./data/maximumSelectionLength","./dropdown","./dropdown/search","./dropdown/hidePlaceholder","./dropdown/infiniteScroll","./dropdown/attachBody","./dropdown/minimumResultsForSearch","./dropdown/selectOnClose","./dropdown/closeOnSelect","./i18n/en"],function(c,u,d,p,h,f,g,m,v,y,s,t,_,w,$,b,A,x,D,S,C,E,O,T,q,j,L,I,e){function n(){this.reset()}return n.prototype.apply=function(e){if(null==(e=c.extend(!0,{},this.defaults,e)).dataAdapter){if(null!=e.ajax?e.dataAdapter=$:null!=e.data?e.dataAdapter=w:e.dataAdapter=_,0<e.minimumInputLength&&(e.dataAdapter=y.Decorate(e.dataAdapter,x)),0<e.maximumInputLength&&(e.dataAdapter=y.Decorate(e.dataAdapter,D)),0<e.maximumSelectionLength&&(e.dataAdapter=y.Decorate(e.dataAdapter,S)),e.tags&&(e.dataAdapter=y.Decorate(e.dataAdapter,b)),null==e.tokenSeparators&&null==e.tokenizer||(e.dataAdapter=y.Decorate(e.dataAdapter,A)),null!=e.query){var t=u(e.amdBase+"compat/query");e.dataAdapter=y.Decorate(e.dataAdapter,t)}if(null!=e.initSelection){var n=u(e.amdBase+"compat/initSelection");e.dataAdapter=y.Decorate(e.dataAdapter,n)}}if(null==e.resultsAdapter&&(e.resultsAdapter=d,null!=e.ajax&&(e.resultsAdapter=y.Decorate(e.resultsAdapter,T)),null!=e.placeholder&&(e.resultsAdapter=y.Decorate(e.resultsAdapter,O)),e.selectOnClose&&(e.resultsAdapter=y.Decorate(e.resultsAdapter,L))),null==e.dropdownAdapter){if(e.multiple)e.dropdownAdapter=C;else{var i=y.Decorate(C,E);e.dropdownAdapter=i}if(0!==e.minimumResultsForSearch&&(e.dropdownAdapter=y.Decorate(e.dropdownAdapter,j)),e.closeOnSelect&&(e.dropdownAdapter=y.Decorate(e.dropdownAdapter,I)),null!=e.dropdownCssClass||null!=e.dropdownCss||null!=e.adaptDropdownCssClass){var r=u(e.amdBase+"compat/dropdownCss");e.dropdownAdapter=y.Decorate(e.dropdownAdapter,r)}e.dropdownAdapter=y.Decorate(e.dropdownAdapter,q)}if(null==e.selectionAdapter){if(e.multiple?e.selectionAdapter=h:e.selectionAdapter=p,null!=e.placeholder&&(e.selectionAdapter=y.Decorate(e.selectionAdapter,f)),e.allowClear&&(e.selectionAdapter=y.Decorate(e.selectionAdapter,g)),e.multiple&&(e.selectionAdapter=y.Decorate(e.selectionAdapter,m)),null!=e.containerCssClass||null!=e.containerCss||null!=e.adaptContainerCssClass){var o=u(e.amdBase+"compat/containerCss");e.selectionAdapter=y.Decorate(e.selectionAdapter,o)}e.selectionAdapter=y.Decorate(e.selectionAdapter,v)}e.language=this._resolveLanguage(e.language),e.language.push("en");for(var s=[],a=0;a<e.language.length;a++){var l=e.language[a];-1===s.indexOf(l)&&s.push(l)}return e.language=s,e.translations=this._processTranslations(e.language,e.debug),e},n.prototype.reset=function(){function a(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return t[e]||e})}this.defaults={amdBase:"./",amdLanguageBase:"./i18n/",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:y.escapeMarkup,language:{},matcher:function e(t,n){if(""===c.trim(t.term))return n;if(n.children&&0<n.children.length){for(var i=c.extend(!0,{},n),r=n.children.length-1;0<=r;r--)null==e(t,n.children[r])&&i.children.splice(r,1);return 0<i.children.length?i:e(t,i)}var o=a(n.text).toUpperCase(),s=a(t.term).toUpperCase();return-1<o.indexOf(s)?n:null},minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,scrollAfterSelect:!1,sorter:function(e){return e},templateResult:function(e){return e.text},templateSelection:function(e){return e.text},theme:"default",width:"resolve"}},n.prototype.applyFromElement=function(e,t){var n=e.language,i=this.defaults.language,r=t.prop("lang"),o=t.closest("[lang]").prop("lang"),s=Array.prototype.concat.call(this._resolveLanguage(r),this._resolveLanguage(n),this._resolveLanguage(i),this._resolveLanguage(o));return e.language=s,e},n.prototype._resolveLanguage=function(e){if(!e)return[];if(c.isEmptyObject(e))return[];if(c.isPlainObject(e))return[e];var t;t=c.isArray(e)?e:[e];for(var n=[],i=0;i<t.length;i++)if(n.push(t[i]),"string"==typeof t[i]&&0<t[i].indexOf("-")){var r=t[i].split("-")[0];n.push(r)}return n},n.prototype._processTranslations=function(e,t){for(var n=new s,i=0;i<e.length;i++){var r=new s,o=e[i];if("string"==typeof o)try{r=s.loadPath(o)}catch(e){try{o=this.defaults.amdLanguageBase+o,r=s.loadPath(o)}catch(e){t&&window.console&&console.warn&&console.warn('Select2: The language file for "'+o+'" could not be automatically loaded. A fallback will be used instead.')}}else r=c.isPlainObject(o)?new s(o):o;n.extend(r)}return n},n.prototype.set=function(e,t){var n={};n[c.camelCase(e)]=t;var i=y._convertData(n);c.extend(!0,this.defaults,i)},new n}),e.define("select2/options",["require","jquery","./defaults","./utils"],function(i,d,r,p){function e(e,t){if(this.options=e,null!=t&&this.fromElement(t),null!=t&&(this.options=r.applyFromElement(this.options,t)),this.options=r.apply(this.options),t&&t.is("input")){var n=i(this.get("amdBase")+"compat/inputData");this.options.dataAdapter=p.Decorate(this.options.dataAdapter,n)}}return e.prototype.fromElement=function(e){var t=["select2"];null==this.options.multiple&&(this.options.multiple=e.prop("multiple")),null==this.options.disabled&&(this.options.disabled=e.prop("disabled")),null==this.options.dir&&(e.prop("dir")?this.options.dir=e.prop("dir"):e.closest("[dir]").prop("dir")?this.options.dir=e.closest("[dir]").prop("dir"):this.options.dir="ltr"),e.prop("disabled",this.options.disabled),e.prop("multiple",this.options.multiple),p.GetData(e[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),p.StoreData(e[0],"data",p.GetData(e[0],"select2Tags")),p.StoreData(e[0],"tags",!0)),p.GetData(e[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),e.attr("ajax--url",p.GetData(e[0],"ajaxUrl")),p.StoreData(e[0],"ajax-Url",p.GetData(e[0],"ajaxUrl")));var n={};function i(e,t){return t.toUpperCase()}for(var r=0;r<e[0].attributes.length;r++){var o=e[0].attributes[r].name,s="data-";if(o.substr(0,s.length)==s){var a=o.substring(s.length),l=p.GetData(e[0],a);n[a.replace(/-([a-z])/g,i)]=l}}d.fn.jquery&&"1."==d.fn.jquery.substr(0,2)&&e[0].dataset&&(n=d.extend(!0,{},e[0].dataset,n));var c=d.extend(!0,{},p.GetData(e[0]),n);for(var u in c=p._convertData(c))-1<d.inArray(u,t)||(d.isPlainObject(this.options[u])?d.extend(this.options[u],c[u]):this.options[u]=c[u]);return this},e.prototype.get=function(e){return this.options[e]},e.prototype.set=function(e,t){this.options[e]=t},e}),e.define("select2/core",["jquery","./options","./utils","./keys"],function(o,c,u,i){var d=function(e,t){null!=u.GetData(e[0],"select2")&&u.GetData(e[0],"select2").destroy(),this.$element=e,this.id=this._generateId(e),t=t||{},this.options=new c(t,e),d.__super__.constructor.call(this);var n=e.attr("tabindex")||0;u.StoreData(e[0],"old-tabindex",n),e.attr("tabindex","-1");var i=this.options.get("dataAdapter");this.dataAdapter=new i(e,this.options);var r=this.render();this._placeContainer(r);var o=this.options.get("selectionAdapter");this.selection=new o(e,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,r);var s=this.options.get("dropdownAdapter");this.dropdown=new s(e,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,r);var a=this.options.get("resultsAdapter");this.results=new a(e,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var l=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(e){l.trigger("selection:update",{data:e})}),e.addClass("select2-hidden-accessible"),e.attr("aria-hidden","true"),this._syncAttributes(),u.StoreData(e[0],"select2",this),e.data("select2",this)};return u.Extend(d,u.Observable),d.prototype._generateId=function(e){return"select2-"+(null!=e.attr("id")?e.attr("id"):null!=e.attr("name")?e.attr("name")+"-"+u.generateChars(2):u.generateChars(4)).replace(/(:|\.|\[|\]|,)/g,"")},d.prototype._placeContainer=function(e){e.insertAfter(this.$element);var t=this._resolveWidth(this.$element,this.options.get("width"));null!=t&&e.css("width",t)},d.prototype._resolveWidth=function(e,t){var n=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==t){var i=this._resolveWidth(e,"style");return null!=i?i:this._resolveWidth(e,"element")}if("element"==t){var r=e.outerWidth(!1);return r<=0?"auto":r+"px"}if("style"!=t)return"computedstyle"!=t?t:window.getComputedStyle(e[0]).width;var o=e.attr("style");if("string"!=typeof o)return null;for(var s=o.split(";"),a=0,l=s.length;a<l;a+=1){var c=s[a].replace(/\s/g,"").match(n);if(null!==c&&1<=c.length)return c[1]}return null},d.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},d.prototype._registerDomEvents=function(){var t=this;this.$element.on("change.select2",function(){t.dataAdapter.current(function(e){t.trigger("selection:update",{data:e})})}),this.$element.on("focus.select2",function(e){t.trigger("focus",e)}),this._syncA=u.bind(this._syncAttributes,this),this._syncS=u.bind(this._syncSubtree,this),this.$element[0].attachEvent&&this.$element[0].attachEvent("onpropertychange",this._syncA);var e=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;null!=e?(this._observer=new e(function(e){t._syncA(),t._syncS(null,e)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})):this.$element[0].addEventListener&&(this.$element[0].addEventListener("DOMAttrModified",t._syncA,!1),this.$element[0].addEventListener("DOMNodeInserted",t._syncS,!1),this.$element[0].addEventListener("DOMNodeRemoved",t._syncS,!1))},d.prototype._registerDataEvents=function(){var n=this;this.dataAdapter.on("*",function(e,t){n.trigger(e,t)})},d.prototype._registerSelectionEvents=function(){var n=this,i=["toggle","focus"];this.selection.on("toggle",function(){n.toggleDropdown()}),this.selection.on("focus",function(e){n.focus(e)}),this.selection.on("*",function(e,t){-1===o.inArray(e,i)&&n.trigger(e,t)})},d.prototype._registerDropdownEvents=function(){var n=this;this.dropdown.on("*",function(e,t){n.trigger(e,t)})},d.prototype._registerResultsEvents=function(){var n=this;this.results.on("*",function(e,t){n.trigger(e,t)})},d.prototype._registerEvents=function(){var n=this;this.on("open",function(){n.$container.addClass("select2-container--open")}),this.on("close",function(){n.$container.removeClass("select2-container--open")}),this.on("enable",function(){n.$container.removeClass("select2-container--disabled")}),this.on("disable",function(){n.$container.addClass("select2-container--disabled")}),this.on("blur",function(){n.$container.removeClass("select2-container--focus")}),this.on("query",function(t){n.isOpen()||n.trigger("open",{}),this.dataAdapter.query(t,function(e){n.trigger("results:all",{data:e,query:t})})}),this.on("query:append",function(t){this.dataAdapter.query(t,function(e){n.trigger("results:append",{data:e,query:t})})}),this.on("keypress",function(e){var t=e.which;n.isOpen()?t===i.ESC||t===i.TAB||t===i.UP&&e.altKey?(n.close(e),e.preventDefault()):t===i.ENTER?(n.trigger("results:select",{}),e.preventDefault()):t===i.SPACE&&e.ctrlKey?(n.trigger("results:toggle",{}),e.preventDefault()):t===i.UP?(n.trigger("results:previous",{}),e.preventDefault()):t===i.DOWN&&(n.trigger("results:next",{}),e.preventDefault()):(t===i.ENTER||t===i.SPACE||t===i.DOWN&&e.altKey)&&(n.open(),e.preventDefault())})},d.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.isDisabled()?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},d.prototype._isChangeMutation=function(e,t){var n=!1,i=this;if(!e||!e.target||"OPTION"===e.target.nodeName||"OPTGROUP"===e.target.nodeName){if(t)if(t.addedNodes&&0<t.addedNodes.length)for(var r=0;r<t.addedNodes.length;r++){t.addedNodes[r].selected&&(n=!0)}else t.removedNodes&&0<t.removedNodes.length?n=!0:o.isArray(t)&&o.each(t,function(e,t){if(i._isChangeMutation(e,t))return!(n=!0)});else n=!0;return n}},d.prototype._syncSubtree=function(e,t){var n=this._isChangeMutation(e,t),i=this;n&&this.dataAdapter.current(function(e){i.trigger("selection:update",{data:e})})},d.prototype.trigger=function(e,t){var n=d.__super__.trigger,i={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===t&&(t={}),e in i){var r=i[e],o={prevented:!1,name:e,args:t};if(n.call(this,r,o),o.prevented)return void(t.prevented=!0)}n.call(this,e,t)},d.prototype.toggleDropdown=function(){this.isDisabled()||(this.isOpen()?this.close():this.open())},d.prototype.open=function(){this.isOpen()||this.isDisabled()||this.trigger("query",{})},d.prototype.close=function(e){this.isOpen()&&this.trigger("close",{originalEvent:e})},d.prototype.isEnabled=function(){return!this.isDisabled()},d.prototype.isDisabled=function(){return this.options.get("disabled")},d.prototype.isOpen=function(){return this.$container.hasClass("select2-container--open")},d.prototype.hasFocus=function(){return this.$container.hasClass("select2-container--focus")},d.prototype.focus=function(e){this.hasFocus()||(this.$container.addClass("select2-container--focus"),this.trigger("focus",{}))},d.prototype.enable=function(e){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.'),null!=e&&0!==e.length||(e=[!0]);var t=!e[0];this.$element.prop("disabled",t)},d.prototype.data=function(){this.options.get("debug")&&0<arguments.length&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var t=[];return this.dataAdapter.current(function(e){t=e}),t},d.prototype.val=function(e){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==e||0===e.length)return this.$element.val();var t=e[0];o.isArray(t)&&(t=o.map(t,function(e){return e.toString()})),this.$element.val(t).trigger("input").trigger("change")},d.prototype.destroy=function(){this.$container.remove(),this.$element[0].detachEvent&&this.$element[0].detachEvent("onpropertychange",this._syncA),null!=this._observer?(this._observer.disconnect(),this._observer=null):this.$element[0].removeEventListener&&(this.$element[0].removeEventListener("DOMAttrModified",this._syncA,!1),this.$element[0].removeEventListener("DOMNodeInserted",this._syncS,!1),this.$element[0].removeEventListener("DOMNodeRemoved",this._syncS,!1)),this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",u.GetData(this.$element[0],"old-tabindex")),this.$element.removeClass("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),u.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},d.prototype.render=function(){var e=o('<span class="select2 select2-container"><span class="selection"></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>');return e.attr("dir",this.options.get("dir")),this.$container=e,this.$container.addClass("select2-container--"+this.options.get("theme")),u.StoreData(e[0],"element",this.$element),e},d}),e.define("select2/compat/utils",["jquery"],function(s){return{syncCssClasses:function(e,t,n){var i,r,o=[];(i=s.trim(e.attr("class")))&&s((i=""+i).split(/\s+/)).each(function(){0===this.indexOf("select2-")&&o.push(this)}),(i=s.trim(t.attr("class")))&&s((i=""+i).split(/\s+/)).each(function(){0!==this.indexOf("select2-")&&null!=(r=n(this))&&o.push(r)}),e.attr("class",o.join(" "))}}}),e.define("select2/compat/containerCss",["jquery","./utils"],function(s,a){function l(e){return null}function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("containerCssClass")||"";s.isFunction(n)&&(n=n(this.$element));var i=this.options.get("adaptContainerCssClass");if(i=i||l,-1!==n.indexOf(":all:")){n=n.replace(":all:","");var r=i;i=function(e){var t=r(e);return null!=t?t+" "+e:e}}var o=this.options.get("containerCss")||{};return s.isFunction(o)&&(o=o(this.$element)),a.syncCssClasses(t,this.$element,i),t.css(o),t.addClass(n),t},e}),e.define("select2/compat/dropdownCss",["jquery","./utils"],function(s,a){function l(e){return null}function e(){}return e.prototype.render=function(e){var t=e.call(this),n=this.options.get("dropdownCssClass")||"";s.isFunction(n)&&(n=n(this.$element));var i=this.options.get("adaptDropdownCssClass");if(i=i||l,-1!==n.indexOf(":all:")){n=n.replace(":all:","");var r=i;i=function(e){var t=r(e);return null!=t?t+" "+e:e}}var o=this.options.get("dropdownCss")||{};return s.isFunction(o)&&(o=o(this.$element)),a.syncCssClasses(t,this.$element,i),t.css(o),t.addClass(n),t},e}),e.define("select2/compat/initSelection",["jquery"],function(i){function e(e,t,n){n.get("debug")&&window.console&&console.warn&&console.warn("Select2: The `initSelection` option has been deprecated in favor of a custom data adapter that overrides the `current` method. This method is now called multiple times instead of a single time when the instance is initialized. Support will be removed for the `initSelection` option in future versions of Select2"),this.initSelection=n.get("initSelection"),this._isInitialized=!1,e.call(this,t,n)}return e.prototype.current=function(e,t){var n=this;this._isInitialized?e.call(this,t):this.initSelection.call(null,this.$element,function(e){n._isInitialized=!0,i.isArray(e)||(e=[e]),t(e)})},e}),e.define("select2/compat/inputData",["jquery","../utils"],function(s,i){function e(e,t,n){this._currentData=[],this._valueSeparator=n.get("valueSeparator")||",","hidden"===t.prop("type")&&n.get("debug")&&console&&console.warn&&console.warn("Select2: Using a hidden input with Select2 is no longer supported and may stop working in the future. It is recommended to use a `<select>` element instead."),e.call(this,t,n)}return e.prototype.current=function(e,t){function i(e,t){var n=[];return e.selected||-1!==s.inArray(e.id,t)?(e.selected=!0,n.push(e)):e.selected=!1,e.children&&n.push.apply(n,i(e.children,t)),n}for(var n=[],r=0;r<this._currentData.length;r++){var o=this._currentData[r];n.push.apply(n,i(o,this.$element.val().split(this._valueSeparator)))}t(n)},e.prototype.select=function(e,t){if(this.options.get("multiple")){var n=this.$element.val();n+=this._valueSeparator+t.id,this.$element.val(n),this.$element.trigger("input").trigger("change")}else this.current(function(e){s.map(e,function(e){e.selected=!1})}),this.$element.val(t.id),this.$element.trigger("input").trigger("change")},e.prototype.unselect=function(e,r){var o=this;r.selected=!1,this.current(function(e){for(var t=[],n=0;n<e.length;n++){var i=e[n];r.id!=i.id&&t.push(i.id)}o.$element.val(t.join(o._valueSeparator)),o.$element.trigger("input").trigger("change")})},e.prototype.query=function(e,t,n){for(var i=[],r=0;r<this._currentData.length;r++){var o=this._currentData[r],s=this.matches(t,o);null!==s&&i.push(s)}n({results:i})},e.prototype.addOptions=function(e,t){var n=s.map(t,function(e){return i.GetData(e[0],"data")});this._currentData.push.apply(this._currentData,n)},e}),e.define("select2/compat/matcher",["jquery"],function(s){return function(o){return function(e,t){var n=s.extend(!0,{},t);if(null==e.term||""===s.trim(e.term))return n;if(t.children){for(var i=t.children.length-1;0<=i;i--){var r=t.children[i];o(e.term,r.text,r)||n.children.splice(i,1)}if(0<n.children.length)return n}return o(e.term,t.text,t)?n:null}}}),e.define("select2/compat/query",[],function(){function e(e,t,n){n.get("debug")&&window.console&&console.warn&&console.warn("Select2: The `query` option has been deprecated in favor of a custom data adapter that overrides the `query` method. Support will be removed for the `query` option in future versions of Select2."),e.call(this,t,n)}return e.prototype.query=function(e,t,n){t.callback=n,this.options.get("query").call(null,t)},e}),e.define("select2/dropdown/attachContainer",[],function(){function e(e,t,n){e.call(this,t,n)}return e.prototype.position=function(e,t,n){n.find(".dropdown-wrapper").append(t),t.addClass("select2-dropdown--below"),n.addClass("select2-container--below")},e}),e.define("select2/dropdown/stopPropagation",[],function(){function e(){}return e.prototype.bind=function(e,t,n){e.call(this,t,n);this.$dropdown.on(["blur","change","click","dblclick","focus","focusin","focusout","input","keydown","keyup","keypress","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseup","search","touchend","touchstart"].join(" "),function(e){e.stopPropagation()})},e}),e.define("select2/selection/stopPropagation",[],function(){function e(){}return e.prototype.bind=function(e,t,n){e.call(this,t,n);this.$selection.on(["blur","change","click","dblclick","focus","focusin","focusout","input","keydown","keyup","keypress","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseup","search","touchend","touchstart"].join(" "),function(e){e.stopPropagation()})},e}),l=function(p){var h,f,e=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],t="onwheel"in document||9<=document.documentMode?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],g=Array.prototype.slice;if(p.event.fixHooks)for(var n=e.length;n;)p.event.fixHooks[e[--n]]=p.event.mouseHooks;var m=p.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var e=t.length;e;)this.addEventListener(t[--e],i,!1);else this.onmousewheel=i;p.data(this,"mousewheel-line-height",m.getLineHeight(this)),p.data(this,"mousewheel-page-height",m.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var e=t.length;e;)this.removeEventListener(t[--e],i,!1);else this.onmousewheel=null;p.removeData(this,"mousewheel-line-height"),p.removeData(this,"mousewheel-page-height")},getLineHeight:function(e){var t=p(e),n=t["offsetParent"in p.fn?"offsetParent":"parent"]();return n.length||(n=p("body")),parseInt(n.css("fontSize"),10)||parseInt(t.css("fontSize"),10)||16},getPageHeight:function(e){return p(e).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};function i(e){var t,n=e||window.event,i=g.call(arguments,1),r=0,o=0,s=0,a=0,l=0;if((e=p.event.fix(n)).type="mousewheel","detail"in n&&(s=-1*n.detail),"wheelDelta"in n&&(s=n.wheelDelta),"wheelDeltaY"in n&&(s=n.wheelDeltaY),"wheelDeltaX"in n&&(o=-1*n.wheelDeltaX),"axis"in n&&n.axis===n.HORIZONTAL_AXIS&&(o=-1*s,s=0),r=0===s?o:s,"deltaY"in n&&(r=s=-1*n.deltaY),"deltaX"in n&&(o=n.deltaX,0===s&&(r=-1*o)),0!==s||0!==o){if(1===n.deltaMode){var c=p.data(this,"mousewheel-line-height");r*=c,s*=c,o*=c}else if(2===n.deltaMode){var u=p.data(this,"mousewheel-page-height");r*=u,s*=u,o*=u}if(t=Math.max(Math.abs(s),Math.abs(o)),(!f||t<f)&&y(n,f=t)&&(f/=40),y(n,t)&&(r/=40,o/=40,s/=40),r=Math[1<=r?"floor":"ceil"](r/f),o=Math[1<=o?"floor":"ceil"](o/f),s=Math[1<=s?"floor":"ceil"](s/f),m.settings.normalizeOffset&&this.getBoundingClientRect){var d=this.getBoundingClientRect();a=e.clientX-d.left,l=e.clientY-d.top}return e.deltaX=o,e.deltaY=s,e.deltaFactor=f,e.offsetX=a,e.offsetY=l,e.deltaMode=0,i.unshift(e,r,o,s),h&&clearTimeout(h),h=setTimeout(v,200),(p.event.dispatch||p.event.handle).apply(this,i)}}function v(){f=null}function y(e,t){return m.settings.adjustOldDeltas&&"mousewheel"===e.type&&t%120==0}p.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}})},"function"==typeof e.define&&e.define.amd?e.define("jquery-mousewheel",["jquery"],l):"object"==typeof exports?module.exports=l:l(d),e.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(r,e,o,t,s){if(null==r.fn.select2){var a=["open","close","destroy"];r.fn.select2=function(t){if("object"==typeof(t=t||{}))return this.each(function(){var e=r.extend(!0,{},t);new o(r(this),e)}),this;if("string"!=typeof t)throw new Error("Invalid arguments for Select2: "+t);var n,i=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=s.GetData(this,"select2");null==e&&window.console&&console.error&&console.error("The select2('"+t+"') method was called on an element that is not using Select2."),n=e[t].apply(e,i)}),-1<r.inArray(t,a)?this:n}}return null==r.fn.select2.defaults&&(r.fn.select2.defaults=t),o}),{define:e.define,require:e.require}}(),t=e.require("jquery.select2");return d.fn.select2.amd=e,t});
-/*! AdminLTE app.js
-* ================
-* Main JS application file for AdminLTE v2. This file
-* should be included in all pages. It controls some layout
-* options and implements exclusive AdminLTE plugins.
-*
-* @author Colorlib
-* @support <https://github.com/ColorlibHQ/AdminLTE/issues>
-* @version v2.4.18
-* @repository git://github.com/ColorlibHQ/AdminLTE.git
-* @license MIT <http://opensource.org/licenses/MIT>
-*/
-if("undefined"==typeof jQuery)throw new Error("AdminLTE requires jQuery");!function(i){"use strict";function s(t,e){if(this.element=t,this.options=e,this.$overlay=i(e.overlayTemplate),""===e.source)throw new Error("Source url was not defined. Please specify a url in your BoxRefresh source option.");this._setUpListeners(),this.load()}var r="lte.boxrefresh",a={source:"",params:{},trigger:".refresh-btn",content:".box-body",loadInContent:!0,responseType:"",overlayTemplate:'<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>',onLoadStart:function(){},onLoadDone:function(t){return t}},t='[data-widget="box-refresh"]';function e(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}if("string"==typeof e){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}s.prototype.load=function(){this._addOverlay(),this.options.onLoadStart.call(i(this)),i.get(this.options.source,this.options.params,function(t){this.options.loadInContent&&i(this.element).find(this.options.content).html(t),this.options.onLoadDone.call(i(this),t),this._removeOverlay()}.bind(this),""!==this.options.responseType&&this.options.responseType)},s.prototype._setUpListeners=function(){i(this.element).on("click",this.options.trigger,function(t){t&&t.preventDefault(),this.load()}.bind(this))},s.prototype._addOverlay=function(){i(this.element).append(this.$overlay)},s.prototype._removeOverlay=function(){i(this.$overlay).remove()};var o=i.fn.boxRefresh;i.fn.boxRefresh=e,i.fn.boxRefresh.Constructor=s,i.fn.boxRefresh.noConflict=function(){return i.fn.boxRefresh=o,this},i(window).on("load",function(){i(t).each(function(){e.call(i(this))})})}(jQuery),function(i){"use strict";function s(t,e){this.element=t,this.options=e,this._setUpListeners()}var r="lte.boxwidget",a={animationSpeed:500,collapseTrigger:'[data-widget="collapse"]',removeTrigger:'[data-widget="remove"]',collapseIcon:"fa-minus",expandIcon:"fa-plus",removeIcon:"fa-times"},t=".box",e=".collapsed-box",d=".box-header",l=".box-body",c=".box-footer",h=".box-tools",f="collapsed-box",p="collapsing.boxwidget",u="collapsed.boxwidget",g="expanding.boxwidget",v="expanded.boxwidget",o="removing.boxwidget",n="removed.boxwidget";function b(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}if("string"==typeof n){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}s.prototype.toggle=function(){!i(this.element).is(e)?this.collapse():this.expand()},s.prototype.expand=function(){var t=i.Event(v),e=i.Event(g),o=this.options.collapseIcon,n=this.options.expandIcon;i(this.element).removeClass(f),i(this.element).children(d+", "+l+", "+c).children(h).find("."+n).removeClass(n).addClass(o),i(this.element).children(l+", "+c).slideDown(this.options.animationSpeed,function(){i(this.element).trigger(t)}.bind(this)).trigger(e)},s.prototype.collapse=function(){var t=i.Event(u),e=i.Event(p),o=this.options.collapseIcon,n=this.options.expandIcon;i(this.element).children(d+", "+l+", "+c).children(h).find("."+o).removeClass(o).addClass(n),i(this.element).children(l+", "+c).slideUp(this.options.animationSpeed,function(){i(this.element).addClass(f),i(this.element).trigger(t)}.bind(this)).trigger(e)},s.prototype.remove=function(){var t=i.Event(n),e=i.Event(o);i(this.element).slideUp(this.options.animationSpeed,function(){i(this.element).trigger(t),i(this.element).remove()}.bind(this)).trigger(e)},s.prototype._setUpListeners=function(){var e=this;i(this.element).on("click",this.options.collapseTrigger,function(t){return t&&t.preventDefault(),e.toggle(i(this)),!1}),i(this.element).on("click",this.options.removeTrigger,function(t){return t&&t.preventDefault(),e.remove(i(this)),!1})};var m=i.fn.boxWidget;i.fn.boxWidget=b,i.fn.boxWidget.Constructor=s,i.fn.boxWidget.noConflict=function(){return i.fn.boxWidget=m,this},i(window).on("load",function(){i(t).each(function(){b.call(i(this))})})}(jQuery),function(i){"use strict";function s(t,e){this.element=t,this.options=e,this.hasBindedResize=!1,this.init()}var r="lte.controlsidebar",a={controlsidebarSlide:!0},e=".control-sidebar",t='[data-toggle="control-sidebar"]',o=".control-sidebar-open",n=".control-sidebar-bg",d=".wrapper",l=".layout-boxed",c="control-sidebar-open",h="control-sidebar-hold-transition",f="collapsed.controlsidebar",p="expanded.controlsidebar";function u(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}"string"==typeof n&&e.toggle()})}s.prototype.init=function(){i(this.element).is(t)||i(this).on("click",this.toggle),this.fix(),i(window).resize(function(){this.fix()}.bind(this))},s.prototype.toggle=function(t){t&&t.preventDefault(),this.fix(),i(e).is(o)||i("body").is(o)?this.collapse():this.expand()},s.prototype.expand=function(){i(e).show(),this.options.controlsidebarSlide?i(e).addClass(c):i("body").addClass(h).addClass(c).delay(50).queue(function(){i("body").removeClass(h),i(this).dequeue()}),i(this.element).trigger(i.Event(p))},s.prototype.collapse=function(){this.options.controlsidebarSlide?i(e).removeClass(c):i("body").addClass(h).removeClass(c).delay(50).queue(function(){i("body").removeClass(h),i(this).dequeue()}),i(e).fadeOut(),i(this.element).trigger(i.Event(f))},s.prototype.fix=function(){i("body").is(l)&&this._fixForBoxed(i(n))},s.prototype._fixForBoxed=function(t){t.css({position:"absolute",height:i(d).height()})};var g=i.fn.controlSidebar;i.fn.controlSidebar=u,i.fn.controlSidebar.Constructor=s,i.fn.controlSidebar.noConflict=function(){return i.fn.controlSidebar=g,this},i(document).on("click",t,function(t){t&&t.preventDefault(),u.call(i(this),"toggle")})}(jQuery),function(n){"use strict";function i(t){this.element=t}var s="lte.directchat",t='[data-widget="chat-pane-toggle"]',e=".direct-chat",o="direct-chat-contacts-open";function r(o){return this.each(function(){var t=n(this),e=t.data(s);e||t.data(s,e=new i(t)),"string"==typeof o&&e.toggle(t)})}i.prototype.toggle=function(t){t.parents(e).first().toggleClass(o)};var a=n.fn.directChat;n.fn.directChat=r,n.fn.directChat.Constructor=i,n.fn.directChat.noConflict=function(){return n.fn.directChat=a,this},n(document).on("click",t,function(t){t&&t.preventDefault(),r.call(n(this),"toggle")})}(jQuery),function(i){"use strict";function s(t){this.options=t,this.init()}var r="lte.pushmenu",a={collapseScreenSize:767,expandOnHover:!1,expandTransitionDelay:200},t=".sidebar-collapse",e=".main-sidebar",o=".content-wrapper",n=".sidebar-form .form-control",d='[data-toggle="push-menu"]',l=".sidebar-mini",c=".sidebar-expanded-on-hover",h=".fixed",f="sidebar-collapse",p="sidebar-open",u="sidebar-expanded-on-hover",g="sidebar-mini-expand-feature",v="expanded.pushMenu",b="collapsed.pushMenu";function m(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(o))}"toggle"===n&&e.toggle()})}s.prototype.init=function(){(this.options.expandOnHover||i("body").is(l+h))&&(this.expandOnHover(),i("body").addClass(g)),i(o).click(function(){i(window).width()<=this.options.collapseScreenSize&&i("body").hasClass(p)&&this.close()}.bind(this)),i(n).click(function(t){t.stopPropagation()})},s.prototype.toggle=function(){var t=i(window).width(),e=!i("body").hasClass(f);t<=this.options.collapseScreenSize&&(e=i("body").hasClass(p)),e?this.close():this.open()},s.prototype.open=function(){i(window).width()>this.options.collapseScreenSize?i("body").removeClass(f).trigger(i.Event(v)):i("body").addClass(p).trigger(i.Event(v))},s.prototype.close=function(){i(window).width()>this.options.collapseScreenSize?i("body").addClass(f).trigger(i.Event(b)):i("body").removeClass(p+" "+f).trigger(i.Event(b))},s.prototype.expandOnHover=function(){i(e).hover(function(){i("body").is(l+t)&&i(window).width()>this.options.collapseScreenSize&&this.expand()}.bind(this),function(){i("body").is(c)&&this.collapse()}.bind(this))},s.prototype.expand=function(){setTimeout(function(){i("body").removeClass(f).addClass(u)},this.options.expandTransitionDelay)},s.prototype.collapse=function(){setTimeout(function(){i("body").removeClass(u).addClass(f)},this.options.expandTransitionDelay)};var y=i.fn.pushMenu;i.fn.pushMenu=m,i.fn.pushMenu.Constructor=s,i.fn.pushMenu.noConflict=function(){return i.fn.pushMenu=y,this},i(document).on("click",d,function(t){t.preventDefault(),m.call(i(this),"toggle")}),i(window).on("load",function(){m.call(i(d))})}(jQuery),function(i){"use strict";function s(t,e){this.element=t,this.options=e,this._setUpListeners()}var r="lte.todolist",a={onCheck:function(t){return t},onUnCheck:function(t){return t}},e={data:'[data-widget="todo-list"]'},o="done";function t(n){return this.each(function(){var t=i(this),e=t.data(r);if(!e){var o=i.extend({},a,t.data(),"object"==typeof n&&n);t.data(r,e=new s(t,o))}if("string"==typeof e){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}s.prototype.toggle=function(t){t.parents(e.li).first().toggleClass(o),t.prop("checked")?this.check(t):this.unCheck(t)},s.prototype.check=function(t){this.options.onCheck.call(t)},s.prototype.unCheck=function(t){this.options.onUnCheck.call(t)},s.prototype._setUpListeners=function(){var t=this;i(this.element).on("change ifChanged","input:checkbox",function(){t.toggle(i(this))})};var n=i.fn.todoList;i.fn.todoList=t,i.fn.todoList.Constructor=s,i.fn.todoList.noConflict=function(){return i.fn.todoList=n,this},i(window).on("load",function(){i(e.data).each(function(){t.call(i(this))})})}(jQuery),function(s){"use strict";function n(t,e){this.element=t,this.options=e,s(this.element).addClass(h),s(a+o,this.element).addClass(c),this._setUpListeners()}var i="lte.tree",r={animationSpeed:500,accordion:!0,followLink:!1,trigger:".treeview a"},a=".treeview",d=".treeview-menu",l=".menu-open, .active",t='[data-widget="tree"]',o=".active",c="menu-open",h="tree",f="collapsed.tree",p="expanded.tree";function e(o){return this.each(function(){var t=s(this);if(!t.data(i)){var e=s.extend({},r,t.data(),"object"==typeof o&&o);t.data(i,new n(t,e))}})}n.prototype.toggle=function(t,e){var o=t.next(d),n=t.parent(),i=n.hasClass(c);n.is(a)&&(this.options.followLink&&"#"!==t.attr("href")||e.preventDefault(),i?this.collapse(o,n):this.expand(o,n))},n.prototype.expand=function(t,e){var o=s.Event(p);if(this.options.accordion){var n=e.siblings(l),i=n.children(d);this.collapse(i,n)}e.addClass(c),t.stop().slideDown(this.options.animationSpeed,function(){s(this.element).trigger(o),e.height("auto")}.bind(this))},n.prototype.collapse=function(t,e){var o=s.Event(f);e.removeClass(c),t.stop().slideUp(this.options.animationSpeed,function(){s(this.element).trigger(o),e.find(a).removeClass(c).find(d).hide()}.bind(this))},n.prototype._setUpListeners=function(){var e=this;s(this.element).on("click",this.options.trigger,function(t){e.toggle(s(this),t)})};var u=s.fn.tree;s.fn.tree=e,s.fn.tree.Constructor=n,s.fn.tree.noConflict=function(){return s.fn.tree=u,this},s(window).on("load",function(){s(t).each(function(){e.call(s(this))})})}(jQuery),function(a){"use strict";function i(t){this.options=t,this.bindedResize=!1,this.activate()}var s="lte.layout",r={slimscroll:!0,resetHeight:!0},d=".wrapper",l=".content-wrapper",c=".layout-boxed",h=".main-footer",f=".main-header",t=".main-sidebar",e="slimScrollDiv",p=".sidebar",u=".control-sidebar",o=".sidebar-menu",n=".main-header .logo",g="fixed",v="hold-transition";function b(n){return this.each(function(){var t=a(this),e=t.data(s);if(!e){var o=a.extend({},r,t.data(),"object"==typeof n&&n);t.data(s,e=new i(o))}if("string"==typeof n){if(void 0===e[n])throw new Error("No method named "+n);e[n]()}})}i.prototype.activate=function(){this.fix(),this.fixSidebar(),a("body").removeClass(v),this.options.resetHeight&&a("body, html, "+d).css({height:"auto","min-height":"100%"}),this.bindedResize||(a(window).resize(function(){this.fix(),this.fixSidebar(),a(n+", "+p).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(){this.fix(),this.fixSidebar()}.bind(this))}.bind(this)),this.bindedResize=!0),a(o).on("expanded.tree",function(){this.fix(),this.fixSidebar()}.bind(this)),a(o).on("collapsed.tree",function(){this.fix(),this.fixSidebar()}.bind(this))},i.prototype.fix=function(){a(c+" > "+d).css("overflow","hidden");var t=a(h).outerHeight()||0,e=a(f).outerHeight()||0,o=e+t,n=a(window).height(),i=a(p).outerHeight()||0;if(a("body").hasClass(g))a(l).css("min-height",n-t);else{var s;s=i+e<=n?(a(l).css("min-height",n-o),n-o):(a(l).css("min-height",i),i);var r=a(u);void 0!==r&&r.height()>s&&a(l).css("min-height",r.height())}},i.prototype.fixSidebar=function(){a("body").hasClass(g)?this.options.slimscroll&&void 0!==a.fn.slimScroll&&0===a(t).find(e).length&&a(p).slimScroll({height:a(window).height()-a(f).height()+"px"}):void 0!==a.fn.slimScroll&&a(p).slimScroll({destroy:!0}).height("auto")};var m=a.fn.layout;a.fn.layout=b,a.fn.layout.Constuctor=i,a.fn.layout.noConflict=function(){return a.fn.layout=m,this},a(window).on("load",function(){b.call(a("body"))})}(jQuery);
+/*!
+ * AdminLTE v3.2.0 (https://adminlte.io)
+ * Copyright 2014-2022 Colorlib <https://colorlib.com>
+ * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).adminlte={},e.jQuery)}(this,(function(e,t){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),i="CardRefresh",o="lte.cardrefresh",l=n.default.fn[i],s="card",r='[data-card-widget="card-refresh"]',d={source:"",sourceSelector:"",params:{},trigger:r,content:".card-body",loadInContent:!0,loadOnInit:!0,loadErrorTemplate:!0,responseType:"",overlayTemplate:'<div class="overlay"><i class="fas fa-2x fa-sync-alt fa-spin"></i></div>',errorTemplate:'<span class="text-danger"></span>',onLoadStart:function(){},onLoadDone:function(e){return e},onLoadFail:function(e,t,a){}},f=function(){function e(e,t){if(this._element=e,this._parent=e.parents(".card").first(),this._settings=n.default.extend({},d,t),this._overlay=n.default(this._settings.overlayTemplate),e.hasClass(s)&&(this._parent=e),""===this._settings.source)throw new Error("Source url was not defined. Please specify a url in your CardRefresh source option.")}var t=e.prototype;return t.load=function(){var e=this;this._addOverlay(),this._settings.onLoadStart.call(n.default(this)),n.default.get(this._settings.source,this._settings.params,(function(t){e._settings.loadInContent&&(""!==e._settings.sourceSelector&&(t=n.default(t).find(e._settings.sourceSelector).html()),e._parent.find(e._settings.content).html(t)),e._settings.onLoadDone.call(n.default(e),t),e._removeOverlay()}),""!==this._settings.responseType&&this._settings.responseType).fail((function(t,a,i){if(e._removeOverlay(),e._settings.loadErrorTemplate){var o=n.default(e._settings.errorTemplate).text(i);e._parent.find(e._settings.content).empty().append(o)}e._settings.onLoadFail.call(n.default(e),t,a,i)})),n.default(this._element).trigger(n.default.Event("loaded.lte.cardrefresh"))},t._addOverlay=function(){this._parent.append(this._overlay),n.default(this._element).trigger(n.default.Event("overlay.added.lte.cardrefresh"))},t._removeOverlay=function(){this._parent.find(this._overlay).remove(),n.default(this._element).trigger(n.default.Event("overlay.removed.lte.cardrefresh"))},t._init=function(){var e=this;n.default(this).find(this._settings.trigger).on("click",(function(){e.load()})),this._settings.loadOnInit&&this.load()},e._jQueryInterface=function(t){var a=n.default(this).data(o),i=n.default.extend({},d,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(o,"string"==typeof t?a:t)),"string"==typeof t&&/load/.test(t)?a[t]():a._init(n.default(this))},e}();n.default(document).on("click",r,(function(e){e&&e.preventDefault(),f._jQueryInterface.call(n.default(this),"load")})),n.default((function(){n.default(r).each((function(){f._jQueryInterface.call(n.default(this))}))})),n.default.fn[i]=f._jQueryInterface,n.default.fn[i].Constructor=f,n.default.fn[i].noConflict=function(){return n.default.fn[i]=l,f._jQueryInterface};var u="CardWidget",c="lte.cardwidget",h=n.default.fn[u],g="card",p="collapsed-card",m="collapsing-card",v="expanding-card",_="was-collapsed",b="maximized-card",y='[data-card-widget="remove"]',C='[data-card-widget="collapse"]',w='[data-card-widget="maximize"]',x={animationSpeed:"normal",collapseTrigger:C,removeTrigger:y,maximizeTrigger:w,collapseIcon:"fa-minus",expandIcon:"fa-plus",maximizeIcon:"fa-expand",minimizeIcon:"fa-compress"},I=function(){function e(e,t){this._element=e,this._parent=e.parents(".card").first(),e.hasClass(g)&&(this._parent=e),this._settings=n.default.extend({},x,t)}var t=e.prototype;return t.collapse=function(){var e=this;this._parent.addClass(m).children(".card-body, .card-footer").slideUp(this._settings.animationSpeed,(function(){e._parent.addClass(p).removeClass(m)})),this._parent.find("> .card-header "+this._settings.collapseTrigger+" ."+this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon),this._element.trigger(n.default.Event("collapsed.lte.cardwidget"),this._parent)},t.expand=function(){var e=this;this._parent.addClass(v).children(".card-body, .card-footer").slideDown(this._settings.animationSpeed,(function(){e._parent.removeClass(p).removeClass(v)})),this._parent.find("> .card-header "+this._settings.collapseTrigger+" ."+this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon),this._element.trigger(n.default.Event("expanded.lte.cardwidget"),this._parent)},t.remove=function(){this._parent.slideUp(),this._element.trigger(n.default.Event("removed.lte.cardwidget"),this._parent)},t.toggle=function(){this._parent.hasClass(p)?this.expand():this.collapse()},t.maximize=function(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.maximizeIcon).addClass(this._settings.minimizeIcon).removeClass(this._settings.maximizeIcon),this._parent.css({height:this._parent.height(),width:this._parent.width(),transition:"all .15s"}).delay(150).queue((function(){var e=n.default(this);e.addClass(b),n.default("html").addClass(b),e.hasClass(p)&&e.addClass(_),e.dequeue()})),this._element.trigger(n.default.Event("maximized.lte.cardwidget"),this._parent)},t.minimize=function(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.minimizeIcon).addClass(this._settings.maximizeIcon).removeClass(this._settings.minimizeIcon),this._parent.css("cssText","height: "+this._parent[0].style.height+" !important; width: "+this._parent[0].style.width+" !important; transition: all .15s;").delay(10).queue((function(){var e=n.default(this);e.removeClass(b),n.default("html").removeClass(b),e.css({height:"inherit",width:"inherit"}),e.hasClass(_)&&e.removeClass(_),e.dequeue()})),this._element.trigger(n.default.Event("minimized.lte.cardwidget"),this._parent)},t.toggleMaximize=function(){this._parent.hasClass(b)?this.minimize():this.maximize()},t._init=function(e){var t=this;this._parent=e,n.default(this).find(this._settings.collapseTrigger).click((function(){t.toggle()})),n.default(this).find(this._settings.maximizeTrigger).click((function(){t.toggleMaximize()})),n.default(this).find(this._settings.removeTrigger).click((function(){t.remove()}))},e._jQueryInterface=function(t){var a=n.default(this).data(c),i=n.default.extend({},x,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(c,"string"==typeof t?a:t)),"string"==typeof t&&/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/.test(t)?a[t]():"object"==typeof t&&a._init(n.default(this))},e}();n.default(document).on("click",C,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).on("click",y,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"remove")})),n.default(document).on("click",w,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"toggleMaximize")})),n.default.fn[u]=I._jQueryInterface,n.default.fn[u].Constructor=I,n.default.fn[u].noConflict=function(){return n.default.fn[u]=h,I._jQueryInterface};var T="ControlSidebar",S="lte.controlsidebar",j=n.default.fn[T],k=".control-sidebar",Q=".control-sidebar-content",H='[data-widget="control-sidebar"]',z=".main-header",F=".main-footer",E="control-sidebar-animate",L="control-sidebar-open",D="control-sidebar-slide-open",R="layout-fixed",A={controlsidebarSlide:!0,scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l",target:k,animationSpeed:300},M=function(){function e(e,t){this._element=e,this._config=t}var t=e.prototype;return t.collapse=function(){var e=this,t=n.default("body"),a=n.default("html");this._config.controlsidebarSlide?(a.addClass(E),t.removeClass(D).delay(300).queue((function(){n.default(k).hide(),a.removeClass(E),n.default(this).dequeue()}))):t.removeClass(L),n.default(this._element).trigger(n.default.Event("collapsed.lte.controlsidebar")),setTimeout((function(){n.default(e._element).trigger(n.default.Event("collapsed-done.lte.controlsidebar"))}),this._config.animationSpeed)},t.show=function(e){void 0===e&&(e=!1);var t=n.default("body"),a=n.default("html");e&&n.default(k).hide(),this._config.controlsidebarSlide?(a.addClass(E),n.default(this._config.target).show().delay(10).queue((function(){t.addClass(D).delay(300).queue((function(){a.removeClass(E),n.default(this).dequeue()})),n.default(this).dequeue()}))):t.addClass(L),this._fixHeight(),this._fixScrollHeight(),n.default(this._element).trigger(n.default.Event("expanded.lte.controlsidebar"))},t.toggle=function(){var e=n.default("body"),t=this._config.target,a=!n.default(t).is(":visible"),i=e.hasClass(L)||e.hasClass(D),o=a&&(e.hasClass(L)||e.hasClass(D));a||o?this.show(a):i&&this.collapse()},t._init=function(){var e=this,t=n.default("body");t.hasClass(L)||t.hasClass(D)?(n.default(k).not(this._config.target).hide(),n.default(this._config.target).css("display","block")):n.default(k).hide(),this._fixHeight(),this._fixScrollHeight(),n.default(window).resize((function(){e._fixHeight(),e._fixScrollHeight()})),n.default(window).scroll((function(){var t=n.default("body");(t.hasClass(L)||t.hasClass(D))&&e._fixScrollHeight()}))},t._isNavbarFixed=function(){var e=n.default("body");return e.hasClass("layout-navbar-fixed")||e.hasClass("layout-sm-navbar-fixed")||e.hasClass("layout-md-navbar-fixed")||e.hasClass("layout-lg-navbar-fixed")||e.hasClass("layout-xl-navbar-fixed")},t._isFooterFixed=function(){var e=n.default("body");return e.hasClass("layout-footer-fixed")||e.hasClass("layout-sm-footer-fixed")||e.hasClass("layout-md-footer-fixed")||e.hasClass("layout-lg-footer-fixed")||e.hasClass("layout-xl-footer-fixed")},t._fixScrollHeight=function(){var e=n.default("body"),t=n.default(this._config.target);if(e.hasClass(R)){var a={scroll:n.default(document).height(),window:n.default(window).height(),header:n.default(z).outerHeight(),footer:n.default(F).outerHeight()},i=Math.abs(a.window+n.default(window).scrollTop()-a.scroll),o=n.default(window).scrollTop(),l=this._isNavbarFixed()&&"fixed"===n.default(z).css("position"),s=this._isFooterFixed()&&"fixed"===n.default(F).css("position"),r=n.default(this._config.target+", "+this._config.target+" "+Q);if(0===o&&0===i)t.css({bottom:a.footer,top:a.header}),r.css("height",a.window-(a.header+a.footer));else if(i<=a.footer)if(!1===s){var d=a.header-o;t.css("bottom",a.footer-i).css("top",d>=0?d:0),r.css("height",a.window-(a.footer-i))}else t.css("bottom",a.footer);else o<=a.header?!1===l?(t.css("top",a.header-o),r.css("height",a.window-(a.header-o))):t.css("top",a.header):!1===l?(t.css("top",0),r.css("height",a.window)):t.css("top",a.header);s&&l?(r.css("height","100%"),t.css("height","")):(s||l)&&(r.css("height","100%"),r.css("height",""))}},t._fixHeight=function(){var e=n.default("body"),t=n.default(this._config.target+" "+Q);if(e.hasClass(R)){var a=n.default(window).height(),i=n.default(z).outerHeight(),o=n.default(F).outerHeight(),l=a-i;this._isFooterFixed()&&"fixed"===n.default(F).css("position")&&(l=a-i-o),t.css("height",l),"undefined"!=typeof n.default.fn.overlayScrollbars&&t.overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}})}else t.attr("style","")},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(S),i=n.default.extend({},A,n.default(this).data());if(a||(a=new e(this,i),n.default(this).data(S,a)),"undefined"===a[t])throw new Error(t+" is not a function");a[t]()}))},e}();n.default(document).on("click",H,(function(e){e.preventDefault(),M._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).ready((function(){M._jQueryInterface.call(n.default(H),"_init")})),n.default.fn[T]=M._jQueryInterface,n.default.fn[T].Constructor=M,n.default.fn[T].noConflict=function(){return n.default.fn[T]=j,M._jQueryInterface};var q="DirectChat",O="lte.directchat",N=n.default.fn[q],P=function(){function e(e){this._element=e}return e.prototype.toggle=function(){n.default(this._element).parents(".direct-chat").first().toggleClass("direct-chat-contacts-open"),n.default(this._element).trigger(n.default.Event("toggled.lte.directchat"))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(O);a||(a=new e(n.default(this)),n.default(this).data(O,a)),a[t]()}))},e}();n.default(document).on("click",'[data-widget="chat-pane-toggle"]',(function(e){e&&e.preventDefault(),P._jQueryInterface.call(n.default(this),"toggle")})),n.default.fn[q]=P._jQueryInterface,n.default.fn[q].Constructor=P,n.default.fn[q].noConflict=function(){return n.default.fn[q]=N,P._jQueryInterface};var U="Dropdown",B="lte.dropdown",$=n.default.fn[U],J=".dropdown-menu",W={},V=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.toggleSubmenu=function(){this._element.siblings().show().toggleClass("show"),this._element.next().hasClass("show")||this._element.parents(J).first().find(".show").removeClass("show").hide(),this._element.parents("li.nav-item.dropdown.show").on("hidden.bs.dropdown",(function(){n.default(".dropdown-submenu .show").removeClass("show").hide()}))},t.fixPosition=function(){var e=n.default(".dropdown-menu.show");if(0!==e.length){e.hasClass("dropdown-menu-right")?e.css({left:"inherit",right:0}):e.css({left:0,right:"inherit"});var t=e.offset(),a=e.width(),i=n.default(window).width()-t.left;t.left<0?e.css({left:"inherit",right:t.left-5}):i<a&&e.css({left:"inherit",right:0})}},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(B),i=n.default.extend({},W,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(B,a)),"toggleSubmenu"!==t&&"fixPosition"!==t||a[t]()}))},e}();n.default('.dropdown-menu [data-toggle="dropdown"]').on("click",(function(e){e.preventDefault(),e.stopPropagation(),V._jQueryInterface.call(n.default(this),"toggleSubmenu")})),n.default('.navbar [data-toggle="dropdown"]').on("click",(function(e){e.preventDefault(),n.default(e.target).parent().hasClass("dropdown-submenu")||setTimeout((function(){V._jQueryInterface.call(n.default(this),"fixPosition")}),1)})),n.default.fn[U]=V._jQueryInterface,n.default.fn[U].Constructor=V,n.default.fn[U].noConflict=function(){return n.default.fn[U]=$,V._jQueryInterface};var G="ExpandableTable",K="lte.expandableTable",X=n.default.fn[G],Y=".expandable-body",Z='[data-widget="expandable-table"]',ee="aria-expanded",te=function(){function e(e,t){this._options=t,this._element=e}var t=e.prototype;return t.init=function(){n.default(Z).each((function(e,t){var a=n.default(t).attr(ee),i=n.default(t).next(Y).children().first().children();"true"===a?i.show():"false"===a&&(i.hide(),i.parent().parent().addClass("d-none"))}))},t.toggleRow=function(){var e=this._element;"TR"!==e[0].nodeName&&"TR"!==(e=e.parent())[0].nodeName&&(e=e.parent());var t=e.attr(ee),a=e.next(Y).children().first().children();a.stop(),"true"===t?(a.slideUp(500,(function(){e.next(Y).addClass("d-none")})),e.attr(ee,"false"),e.trigger(n.default.Event("collapsed.lte.expandableTable"))):"false"===t&&(e.next(Y).removeClass("d-none"),a.slideDown(500),e.attr(ee,"true"),e.trigger(n.default.Event("expanded.lte.expandableTable")))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(K);a||(a=new e(n.default(this)),n.default(this).data(K,a)),"string"==typeof t&&/init|toggleRow/.test(t)&&a[t]()}))},e}();n.default(".expandable-table").ready((function(){te._jQueryInterface.call(n.default(this),"init")})),n.default(document).on("click",Z,(function(){te._jQueryInterface.call(n.default(this),"toggleRow")})),n.default.fn[G]=te._jQueryInterface,n.default.fn[G].Constructor=te,n.default.fn[G].noConflict=function(){return n.default.fn[G]=X,te._jQueryInterface};var ae="Fullscreen",ne="lte.fullscreen",ie=n.default.fn[ae],oe='[data-widget="fullscreen"]',le=oe+" i",se={minimizeIcon:"fa-compress-arrows-alt",maximizeIcon:"fa-expand-arrows-alt"},re=function(){function e(e,t){this.element=e,this.options=n.default.extend({},se,t)}var t=e.prototype;return t.toggle=function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?this.windowed():this.fullscreen()},t.toggleIcon=function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?n.default(le).removeClass(this.options.maximizeIcon).addClass(this.options.minimizeIcon):n.default(le).removeClass(this.options.minimizeIcon).addClass(this.options.maximizeIcon)},t.fullscreen=function(){document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.webkitRequestFullscreen?document.documentElement.webkitRequestFullscreen():document.documentElement.msRequestFullscreen&&document.documentElement.msRequestFullscreen()},t.windowed=function(){document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},e._jQueryInterface=function(t){var a=n.default(this).data(ne);a||(a=n.default(this).data());var i=n.default.extend({},se,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(ne,"object"==typeof t?t:a),"string"==typeof t&&/toggle|toggleIcon|fullscreen|windowed/.test(t)?o[t]():o.init()},e}();n.default(document).on("click",oe,(function(){re._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange",(function(){re._jQueryInterface.call(n.default(oe),"toggleIcon")})),n.default.fn[ae]=re._jQueryInterface,n.default.fn[ae].Constructor=re,n.default.fn[ae].noConflict=function(){return n.default.fn[ae]=ie,re._jQueryInterface};var de="lte.iframe",fe=n.default.fn.IFrame,ue='[data-widget="iframe"]',ce='[data-widget="iframe-fullscreen"]',he=".content-wrapper",ge=".content-wrapper iframe",pe=".content-wrapper.iframe-mode .nav",me=".content-wrapper.iframe-mode .navbar-nav",ve=me+" .nav-item",_e=me+" .nav-link",be=".content-wrapper.iframe-mode .tab-content",ye=be+" .tab-empty",Ce=be+" .tab-loading",we=be+" .tab-pane",xe=".main-sidebar .nav-item > a.nav-link",Ie=".main-header .nav-item a.nav-link",Te=".main-header a.dropdown-item",Se="iframe-mode",je="iframe-mode-fullscreen",ke={onTabClick:function(e){return e},onTabChanged:function(e){return e},onTabCreated:function(e){return e},autoIframeMode:!0,autoItemActive:!0,autoShowNewTab:!0,autoDarkMode:!1,allowDuplicates:!1,allowReload:!0,loadingScreen:!0,useNavbarItems:!0,scrollOffset:40,scrollBehaviorSwap:!1,iconMaximize:"fa-expand",iconMinimize:"fa-compress"},Qe=function(){function e(e,t){this._config=t,this._element=e,this._init()}var t=e.prototype;return t.onTabClick=function(e){this._config.onTabClick(e)},t.onTabChanged=function(e){this._config.onTabChanged(e)},t.onTabCreated=function(e){this._config.onTabCreated(e)},t.createTab=function(e,t,a,i){var o=this,l="panel-"+a,s="tab-"+a;this._config.allowDuplicates&&(l+="-"+Math.floor(1e3*Math.random()),s+="-"+Math.floor(1e3*Math.random()));var r='<li class="nav-item" role="presentation"><a href="#" class="btn-iframe-close" data-widget="iframe-close" data-type="only-this"><i class="fas fa-times"></i></a><a class="nav-link" data-toggle="row" id="'+s+'" href="#'+l+'" role="tab" aria-controls="'+l+'" aria-selected="false">'+e+"</a></li>";n.default(me).append(unescape(escape(r)));var d='<div class="tab-pane fade" id="'+l+'" role="tabpanel" aria-labelledby="'+s+'"><iframe src="'+t+'"></iframe></div>';if(n.default(be).append(unescape(escape(d))),i)if(this._config.loadingScreen){var f=n.default(Ce);f.fadeIn(),n.default(l+" iframe").ready((function(){"number"==typeof o._config.loadingScreen?(o.switchTab("#"+s),setTimeout((function(){f.fadeOut()}),o._config.loadingScreen)):(o.switchTab("#"+s),f.fadeOut())}))}else this.switchTab("#"+s);this.onTabCreated(n.default("#"+s))},t.openTabSidebar=function(e,t){void 0===t&&(t=this._config.autoShowNewTab);var a=n.default(e).clone();void 0===a.attr("href")&&(a=n.default(e).parent("a").clone()),a.find(".right, .search-path").remove();var i=a.find("p").text();""===i&&(i=a.text());var o=a.attr("href");if("#"!==o&&""!==o&&void 0!==o){var l=unescape(o).replace("./","").replace(/["#&'./:=?[\]]/gi,"-").replace(/(--)/gi,""),s="tab-"+l;if(!this._config.allowDuplicates&&n.default("#"+s).length>0)return this.switchTab("#"+s,this._config.allowReload);(!this._config.allowDuplicates&&0===n.default("#"+s).length||this._config.allowDuplicates)&&this.createTab(i,o,l,t)}},t.switchTab=function(e,t){var a=this;void 0===t&&(t=!1);var i=n.default(e),o=i.attr("href");if(n.default(ye).hide(),t){var l=n.default(Ce);this._config.loadingScreen?l.show(0,(function(){n.default(o+" iframe").attr("src",n.default(o+" iframe").attr("src")).ready((function(){a._config.loadingScreen&&("number"==typeof a._config.loadingScreen?setTimeout((function(){l.fadeOut()}),a._config.loadingScreen):l.fadeOut())}))})):n.default(o+" iframe").attr("src",n.default(o+" iframe").attr("src"))}n.default(me+" .active").tab("dispose").removeClass("active"),this._fixHeight(),i.tab("show"),i.parents("li").addClass("active"),this.onTabChanged(i),this._config.autoItemActive&&this._setItemActive(n.default(o+" iframe").attr("src"))},t.removeActiveTab=function(e,t){if("all"==e)n.default(ve).remove(),n.default(we).remove(),n.default(ye).show();else if("all-other"==e)n.default(ve+":not(.active)").remove(),n.default(we+":not(.active)").remove();else if("only-this"==e){var a=n.default(t),i=a.parent(".nav-item"),o=i.parent(),l=i.index(),s=a.siblings(".nav-link").attr("aria-controls");if(i.remove(),n.default("#"+s).remove(),n.default(be).children().length==n.default(ye+", "+Ce).length)n.default(ye).show();else{var r=l-1;this.switchTab(o.children().eq(r).find("a.nav-link"))}}else{var d=n.default(ve+".active"),f=d.parent(),u=d.index();if(d.remove(),n.default(we+".active").remove(),n.default(be).children().length==n.default(ye+", "+Ce).length)n.default(ye).show();else{var c=u-1;this.switchTab(f.children().eq(c).find("a.nav-link"))}}},t.toggleFullscreen=function(){n.default("body").hasClass(je)?(n.default(ce+" i").removeClass(this._config.iconMinimize).addClass(this._config.iconMaximize),n.default("body").removeClass(je),n.default(ye+", "+Ce).height("100%"),n.default(he).height("100%"),n.default(ge).height("100%")):(n.default(ce+" i").removeClass(this._config.iconMaximize).addClass(this._config.iconMinimize),n.default("body").addClass(je)),n.default(window).trigger("resize"),this._fixHeight(!0)},t._init=function(){var e=n.default(be).children().length>2;if(this._setupListeners(),this._fixHeight(!0),e){var t=n.default(""+we).first();console.log(t);var a="#tab-"+t.attr("id").replace("panel-","");this.switchTab(a,!0)}},t._initFrameElement=function(){if(window.frameElement&&this._config.autoIframeMode){var e=n.default("body");e.addClass(Se),this._config.autoDarkMode&&e.addClass("dark-mode")}},t._navScroll=function(e){var t=n.default(me).scrollLeft();n.default(me).animate({scrollLeft:t+e},250,"linear")},t._setupListeners=function(){var e=this;n.default(window).on("resize",(function(){setTimeout((function(){e._fixHeight()}),1)})),n.default(he).hasClass(Se)&&(n.default(document).on("click",xe+", .sidebar-search-results .list-group-item",(function(t){t.preventDefault(),e.openTabSidebar(t.target)})),this._config.useNavbarItems&&n.default(document).on("click",Ie+", "+Te,(function(t){t.preventDefault(),e.openTabSidebar(t.target)}))),n.default(document).on("click",_e,(function(t){t.preventDefault(),e.onTabClick(t.target),e.switchTab(t.target)})),n.default(document).on("click",_e,(function(t){t.preventDefault(),e.onTabClick(t.target),e.switchTab(t.target)})),n.default(document).on("click",'[data-widget="iframe-close"]',(function(t){t.preventDefault();var a=t.target;"I"==a.nodeName&&(a=t.target.offsetParent),e.removeActiveTab(a.attributes["data-type"]?a.attributes["data-type"].nodeValue:null,a)})),n.default(document).on("click",ce,(function(t){t.preventDefault(),e.toggleFullscreen()}));var t=!1,a=null;n.default(document).on("mousedown",'[data-widget="iframe-scrollleft"]',(function(n){n.preventDefault(),clearInterval(a);var i=e._config.scrollOffset;e._config.scrollBehaviorSwap||(i=-i),t=!0,e._navScroll(i),a=setInterval((function(){e._navScroll(i)}),250)})),n.default(document).on("mousedown",'[data-widget="iframe-scrollright"]',(function(n){n.preventDefault(),clearInterval(a);var i=e._config.scrollOffset;e._config.scrollBehaviorSwap&&(i=-i),t=!0,e._navScroll(i),a=setInterval((function(){e._navScroll(i)}),250)})),n.default(document).on("mouseup",(function(){t&&(t=!1,clearInterval(a),a=null)}))},t._setItemActive=function(e){n.default(xe+", "+Te).removeClass("active"),n.default(Ie).parent().removeClass("active");var t=n.default(Ie+'[href$="'+e+'"]'),a=n.default('.main-header a.dropdown-item[href$="'+e+'"]'),i=n.default(xe+'[href$="'+e+'"]');t.each((function(e,t){n.default(t).parent().addClass("active")})),a.each((function(e,t){n.default(t).addClass("active")})),i.each((function(e,t){n.default(t).addClass("active"),n.default(t).parents(".nav-treeview").prevAll(".nav-link").addClass("active")}))},t._fixHeight=function(e){if(void 0===e&&(e=!1),n.default("body").hasClass(je)){var t=n.default(window).height(),a=n.default(pe).outerHeight();n.default(ye+", "+Ce+", "+ge).height(t-a),n.default(he).height(t)}else{var i=parseFloat(n.default(he).css("height")),o=n.default(pe).outerHeight();1==e?setTimeout((function(){n.default(ye+", "+Ce).height(i-o)}),50):n.default(ge).height(i-o)}},e._jQueryInterface=function(t){if(n.default(ue).length>0){var a=n.default(this).data(de);a||(a=n.default(this).data());var i=n.default.extend({},ke,"object"==typeof t?t:a);localStorage.setItem("AdminLTE:IFrame:Options",JSON.stringify(i));var o=new e(n.default(this),i);n.default(this).data(de,"object"==typeof t?t:a),"string"==typeof t&&/createTab|openTabSidebar|switchTab|removeActiveTab/.test(t)&&o[t]()}else new e(n.default(this),JSON.parse(localStorage.getItem("AdminLTE:IFrame:Options")))._initFrameElement()},e}();n.default(window).on("load",(function(){Qe._jQueryInterface.call(n.default(ue))})),n.default.fn.IFrame=Qe._jQueryInterface,n.default.fn.IFrame.Constructor=Qe,n.default.fn.IFrame.noConflict=function(){return n.default.fn.IFrame=fe,Qe._jQueryInterface};var He="lte.layout",ze=n.default.fn.Layout,Fe=".main-header",Ee=".main-sidebar",Le=".main-sidebar .sidebar",De=".main-footer",Re="sidebar-focused",Ae={scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l",panelAutoHeight:!0,panelAutoHeightMode:"min-height",preloadDuration:200,loginRegisterAutoHeight:!0},Me=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.fixLayoutHeight=function(e){void 0===e&&(e=null);var t=n.default("body"),a=0;(t.hasClass("control-sidebar-slide-open")||t.hasClass("control-sidebar-open")||"control_sidebar"===e)&&(a=n.default(".control-sidebar-content").outerHeight());var i={window:n.default(window).height(),header:n.default(Fe).length>0?n.default(Fe).outerHeight():0,footer:n.default(De).length>0?n.default(De).outerHeight():0,sidebar:n.default(Le).length>0?n.default(Le).height():0,controlSidebar:a},o=this._max(i),l=this._config.panelAutoHeight;!0===l&&(l=0);var s=n.default(".content-wrapper");!1!==l&&(o===i.controlSidebar?s.css(this._config.panelAutoHeightMode,o+l):o===i.window?s.css(this._config.panelAutoHeightMode,o+l-i.header-i.footer):s.css(this._config.panelAutoHeightMode,o+l-i.header),this._isFooterFixed()&&s.css(this._config.panelAutoHeightMode,parseFloat(s.css(this._config.panelAutoHeightMode))+i.footer)),t.hasClass("layout-fixed")&&("undefined"!=typeof n.default.fn.overlayScrollbars?n.default(Le).overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}}):n.default(Le).css("overflow-y","auto"))},t.fixLoginRegisterHeight=function(){var e=n.default("body"),t=n.default(".login-box, .register-box");if(e.hasClass("iframe-mode"))e.css("height","100%"),n.default(".wrapper").css("height","100%"),n.default("html").css("height","100%");else if(0===t.length)e.css("height","auto"),n.default("html").css("height","auto");else{var a=t.height();e.css(this._config.panelAutoHeightMode)!==a&&e.css(this._config.panelAutoHeightMode,a)}},t._init=function(){var e=this;this.fixLayoutHeight(),!0===this._config.loginRegisterAutoHeight?this.fixLoginRegisterHeight():this._config.loginRegisterAutoHeight===parseInt(this._config.loginRegisterAutoHeight,10)&&setInterval(this.fixLoginRegisterHeight,this._config.loginRegisterAutoHeight),n.default(Le).on("collapsed.lte.treeview expanded.lte.treeview",(function(){e.fixLayoutHeight()})),n.default(Ee).on("mouseenter mouseleave",(function(){n.default("body").hasClass("sidebar-collapse")&&e.fixLayoutHeight()})),n.default('[data-widget="pushmenu"]').on("collapsed.lte.pushmenu shown.lte.pushmenu",(function(){setTimeout((function(){e.fixLayoutHeight()}),300)})),n.default('[data-widget="control-sidebar"]').on("collapsed.lte.controlsidebar",(function(){e.fixLayoutHeight()})).on("expanded.lte.controlsidebar",(function(){e.fixLayoutHeight("control_sidebar")})),n.default(window).resize((function(){e.fixLayoutHeight()})),setTimeout((function(){n.default("body.hold-transition").removeClass("hold-transition")}),50),setTimeout((function(){var e=n.default(".preloader");e&&(e.css("height",0),setTimeout((function(){e.children().hide()}),200))}),this._config.preloadDuration)},t._max=function(e){var t=0;return Object.keys(e).forEach((function(a){e[a]>t&&(t=e[a])})),t},t._isFooterFixed=function(){return"fixed"===n.default(De).css("position")},e._jQueryInterface=function(t){return void 0===t&&(t=""),this.each((function(){var a=n.default(this).data(He),i=n.default.extend({},Ae,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(He,a)),"init"===t||""===t?a._init():"fixLayoutHeight"!==t&&"fixLoginRegisterHeight"!==t||a[t]()}))},e}();n.default(window).on("load",(function(){Me._jQueryInterface.call(n.default("body"))})),n.default(Le+" a").on("focusin",(function(){n.default(Ee).addClass(Re)})).on("focusout",(function(){n.default(Ee).removeClass(Re)})),n.default.fn.Layout=Me._jQueryInterface,n.default.fn.Layout.Constructor=Me,n.default.fn.Layout.noConflict=function(){return n.default.fn.Layout=ze,Me._jQueryInterface};var qe="PushMenu",Oe="lte.pushmenu",Ne="."+Oe,Pe=n.default.fn[qe],Ue='[data-widget="pushmenu"]',Be="body",$e="sidebar-collapse",Je="sidebar-open",We="sidebar-is-opening",Ve="sidebar-closed",Ge={autoCollapseSize:992,enableRemember:!1,noTransitionAfterReload:!0,animationSpeed:300},Ke=function(){function e(e,t){this._element=e,this._options=n.default.extend({},Ge,t),0===n.default("#sidebar-overlay").length&&this._addOverlay(),this._init()}var t=e.prototype;return t.expand=function(){var e=n.default(Be);this._options.autoCollapseSize&&n.default(window).width()<=this._options.autoCollapseSize&&e.addClass(Je),e.addClass(We).removeClass("sidebar-collapse sidebar-closed").delay(50).queue((function(){e.removeClass(We),n.default(this).dequeue()})),this._options.enableRemember&&localStorage.setItem("remember"+Ne,Je),n.default(this._element).trigger(n.default.Event("shown.lte.pushmenu"))},t.collapse=function(){var e=this,t=n.default(Be);this._options.autoCollapseSize&&n.default(window).width()<=this._options.autoCollapseSize&&t.removeClass(Je).addClass(Ve),t.addClass($e),this._options.enableRemember&&localStorage.setItem("remember"+Ne,$e),n.default(this._element).trigger(n.default.Event("collapsed.lte.pushmenu")),setTimeout((function(){n.default(e._element).trigger(n.default.Event("collapsed-done.lte.pushmenu"))}),this._options.animationSpeed)},t.toggle=function(){n.default(Be).hasClass($e)?this.expand():this.collapse()},t.autoCollapse=function(e){if(void 0===e&&(e=!1),this._options.autoCollapseSize){var t=n.default(Be);n.default(window).width()<=this._options.autoCollapseSize?t.hasClass(Je)||this.collapse():!0===e&&(t.hasClass(Je)?t.removeClass(Je):t.hasClass(Ve)&&this.expand())}},t.remember=function(){if(this._options.enableRemember){var e=n.default("body");localStorage.getItem("remember"+Ne)===$e?this._options.noTransitionAfterReload?e.addClass("hold-transition").addClass($e).delay(50).queue((function(){n.default(this).removeClass("hold-transition"),n.default(this).dequeue()})):e.addClass($e):this._options.noTransitionAfterReload?e.addClass("hold-transition").removeClass($e).delay(50).queue((function(){n.default(this).removeClass("hold-transition"),n.default(this).dequeue()})):e.removeClass($e)}},t._init=function(){var e=this;this.remember(),this.autoCollapse(),n.default(window).resize((function(){e.autoCollapse(!0)}))},t._addOverlay=function(){var e=this,t=n.default("<div />",{id:"sidebar-overlay"});t.on("click",(function(){e.collapse()})),n.default(".wrapper").append(t)},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Oe),i=n.default.extend({},Ge,n.default(this).data());a||(a=new e(this,i),n.default(this).data(Oe,a)),"string"==typeof t&&/collapse|expand|toggle/.test(t)&&a[t]()}))},e}();n.default(document).on("click",Ue,(function(e){e.preventDefault();var t=e.currentTarget;"pushmenu"!==n.default(t).data("widget")&&(t=n.default(t).closest(Ue)),Ke._jQueryInterface.call(n.default(t),"toggle")})),n.default(window).on("load",(function(){Ke._jQueryInterface.call(n.default(Ue))})),n.default.fn[qe]=Ke._jQueryInterface,n.default.fn[qe].Constructor=Ke,n.default.fn[qe].noConflict=function(){return n.default.fn[qe]=Pe,Ke._jQueryInterface};var Xe="SidebarSearch",Ye="lte.sidebar-search",Ze=n.default.fn[Xe],et="sidebar-search-open",tt="fa-search",at="fa-times",nt="sidebar-search-results",it="list-group",ot='[data-widget="sidebar-search"]',lt=ot+" .form-control",st=ot+" .btn",rt=st+" i",dt=".sidebar-search-results",ft=".sidebar-search-results .list-group",ut={arrowSign:"->",minLength:3,maxResults:7,highlightName:!0,highlightPath:!1,highlightClass:"text-light",notFoundText:"No element found!"},ct=[],ht=function(){function e(e,t){this.element=e,this.options=n.default.extend({},ut,t),this.items=[]}var a=e.prototype;return a.init=function(){var e=this;0!==n.default(ot).length&&(0===n.default(ot).next(dt).length&&n.default(ot).after(n.default("<div />",{class:nt})),0===n.default(dt).children(".list-group").length&&n.default(dt).append(n.default("<div />",{class:it})),this._addNotFound(),n.default(".main-sidebar .nav-sidebar").children().each((function(t,a){e._parseItem(a)})))},a.search=function(){var e=this,t=n.default(lt).val().toLowerCase();if(t.length<this.options.minLength)return n.default(ft).empty(),this._addNotFound(),void this.close();var a=ct.filter((function(e){return e.name.toLowerCase().includes(t)})),i=n.default(a.slice(0,this.options.maxResults));n.default(ft).empty(),0===i.length?this._addNotFound():i.each((function(t,a){n.default(ft).append(e._renderItem(escape(a.name),encodeURI(a.link),a.path))})),this.open()},a.open=function(){n.default(ot).parent().addClass(et),n.default(rt).removeClass(tt).addClass(at)},a.close=function(){n.default(ot).parent().removeClass(et),n.default(rt).removeClass(at).addClass(tt)},a.toggle=function(){n.default(ot).parent().hasClass(et)?this.close():this.open()},a._parseItem=function(e,t){var a=this;if(void 0===t&&(t=[]),!n.default(e).hasClass("nav-header")){var i={},o=n.default(e).clone().find("> .nav-link"),l=n.default(e).clone().find("> .nav-treeview"),s=o.attr("href"),r=o.find("p").children().remove().end().text();if(i.name=this._trimText(r),i.link=s,i.path=t,0===l.length)ct.push(i);else{var d=i.path.concat([i.name]);l.children().each((function(e,t){a._parseItem(t,d)}))}}},a._trimText=function(e){return t.trim(e.replace(/(\r\n|\n|\r)/gm," "))},a._renderItem=function(e,t,a){var i=this;if(a=a.join(" "+this.options.arrowSign+" "),e=unescape(e),t=decodeURI(t),this.options.highlightName||this.options.highlightPath){var o=n.default(lt).val().toLowerCase(),l=new RegExp(o,"gi");this.options.highlightName&&(e=e.replace(l,(function(e){return'<strong class="'+i.options.highlightClass+'">'+e+"</strong>"}))),this.options.highlightPath&&(a=a.replace(l,(function(e){return'<strong class="'+i.options.highlightClass+'">'+e+"</strong>"})))}var s=n.default("<a/>",{href:decodeURIComponent(t),class:"list-group-item"}),r=n.default("<div/>",{class:"search-title"}).html(e),d=n.default("<div/>",{class:"search-path"}).html(a);return s.append(r).append(d),s},a._addNotFound=function(){n.default(ft).append(this._renderItem(this.options.notFoundText,"#",[]))},e._jQueryInterface=function(t){var a=n.default(this).data(Ye);a||(a=n.default(this).data());var i=n.default.extend({},ut,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(Ye,"object"==typeof t?t:a),"string"==typeof t&&/init|toggle|close|open|search/.test(t)?o[t]():o.init()},e}();n.default(document).on("click",st,(function(e){e.preventDefault(),ht._jQueryInterface.call(n.default(ot),"toggle")})),n.default(document).on("keyup",lt,(function(e){return 38==e.keyCode?(e.preventDefault(),void n.default(ft).children().last().focus()):40==e.keyCode?(e.preventDefault(),void n.default(ft).children().first().focus()):void setTimeout((function(){ht._jQueryInterface.call(n.default(ot),"search")}),100)})),n.default(document).on("keydown",ft,(function(e){var t=n.default(":focus");38==e.keyCode&&(e.preventDefault(),t.is(":first-child")?t.siblings().last().focus():t.prev().focus()),40==e.keyCode&&(e.preventDefault(),t.is(":last-child")?t.siblings().first().focus():t.next().focus())})),n.default(window).on("load",(function(){ht._jQueryInterface.call(n.default(ot),"init")})),n.default.fn[Xe]=ht._jQueryInterface,n.default.fn[Xe].Constructor=ht,n.default.fn[Xe].noConflict=function(){return n.default.fn[Xe]=Ze,ht._jQueryInterface};var gt="NavbarSearch",pt="lte.navbar-search",mt=n.default.fn[gt],vt='[data-widget="navbar-search"]',_t=".form-control",bt="navbar-search-open",yt={resetOnClose:!0,target:".navbar-search-block"},Ct=function(){function e(e,t){this._element=e,this._config=n.default.extend({},yt,t)}var t=e.prototype;return t.open=function(){n.default(this._config.target).css("display","flex").hide().fadeIn().addClass(bt),n.default(this._config.target+" "+_t).focus()},t.close=function(){n.default(this._config.target).fadeOut().removeClass(bt),this._config.resetOnClose&&n.default(this._config.target+" "+_t).val("")},t.toggle=function(){n.default(this._config.target).hasClass(bt)?this.close():this.open()},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(pt),i=n.default.extend({},yt,n.default(this).data());if(a||(a=new e(this,i),n.default(this).data(pt,a)),!/toggle|close|open/.test(t))throw new Error("Undefined method "+t);a[t]()}))},e}();n.default(document).on("click",vt,(function(e){e.preventDefault();var t=n.default(e.currentTarget);"navbar-search"!==t.data("widget")&&(t=t.closest(vt)),Ct._jQueryInterface.call(t,"toggle")})),n.default.fn[gt]=Ct._jQueryInterface,n.default.fn[gt].Constructor=Ct,n.default.fn[gt].noConflict=function(){return n.default.fn[gt]=mt,Ct._jQueryInterface};var wt=n.default.fn.Toasts,xt="topRight",It="topLeft",Tt="bottomRight",St="bottomLeft",jt={position:xt,fixed:!0,autohide:!1,autoremove:!0,delay:1e3,fade:!0,icon:null,image:null,imageAlt:null,imageHeight:"25px",title:null,subtitle:null,close:!0,body:null,class:null},kt=function(){function e(e,t){this._config=t,this._prepareContainer(),n.default("body").trigger(n.default.Event("init.lte.toasts"))}var t=e.prototype;return t.create=function(){var e=n.default('<div class="toast" role="alert" aria-live="assertive" aria-atomic="true"/>');e.data("autohide",this._config.autohide),e.data("animation",this._config.fade),this._config.class&&e.addClass(this._config.class),this._config.delay&&500!=this._config.delay&&e.data("delay",this._config.delay);var t=n.default('<div class="toast-header">');if(null!=this._config.image){var a=n.default("<img />").addClass("rounded mr-2").attr("src",this._config.image).attr("alt",this._config.imageAlt);null!=this._config.imageHeight&&a.height(this._config.imageHeight).width("auto"),t.append(a)}if(null!=this._config.icon&&t.append(n.default("<i />").addClass("mr-2").addClass(this._config.icon)),null!=this._config.title&&t.append(n.default("<strong />").addClass("mr-auto").html(this._config.title)),null!=this._config.subtitle&&t.append(n.default("<small />").html(this._config.subtitle)),1==this._config.close){var i=n.default('<button data-dismiss="toast" />').attr("type","button").addClass("ml-2 mb-1 close").attr("aria-label","Close").append('<span aria-hidden="true">&times;</span>');null==this._config.title&&i.toggleClass("ml-2 ml-auto"),t.append(i)}e.append(t),null!=this._config.body&&e.append(n.default('<div class="toast-body" />').html(this._config.body)),n.default(this._getContainerId()).prepend(e);var o=n.default("body");o.trigger(n.default.Event("created.lte.toasts")),e.toast("show"),this._config.autoremove&&e.on("hidden.bs.toast",(function(){n.default(this).delay(200).remove(),o.trigger(n.default.Event("removed.lte.toasts"))}))},t._getContainerId=function(){return this._config.position==xt?"#toastsContainerTopRight":this._config.position==It?"#toastsContainerTopLeft":this._config.position==Tt?"#toastsContainerBottomRight":this._config.position==St?"#toastsContainerBottomLeft":void 0},t._prepareContainer=function(){if(0===n.default(this._getContainerId()).length){var e=n.default("<div />").attr("id",this._getContainerId().replace("#",""));this._config.position==xt?e.addClass("toasts-top-right"):this._config.position==It?e.addClass("toasts-top-left"):this._config.position==Tt?e.addClass("toasts-bottom-right"):this._config.position==St&&e.addClass("toasts-bottom-left"),n.default("body").append(e)}this._config.fixed?n.default(this._getContainerId()).addClass("fixed"):n.default(this._getContainerId()).removeClass("fixed")},e._jQueryInterface=function(t,a){return this.each((function(){var i=n.default.extend({},jt,a),o=new e(n.default(this),i);"create"===t&&o[t]()}))},e}();n.default.fn.Toasts=kt._jQueryInterface,n.default.fn.Toasts.Constructor=kt,n.default.fn.Toasts.noConflict=function(){return n.default.fn.Toasts=wt,kt._jQueryInterface};var Qt="TodoList",Ht="lte.todolist",zt=n.default.fn[Qt],Ft="done",Et={onCheck:function(e){return e},onUnCheck:function(e){return e}},Lt=function(){function e(e,t){this._config=t,this._element=e,this._init()}var t=e.prototype;return t.toggle=function(e){e.parents("li").toggleClass(Ft),n.default(e).prop("checked")?this.check(e):this.unCheck(n.default(e))},t.check=function(e){this._config.onCheck.call(e)},t.unCheck=function(e){this._config.onUnCheck.call(e)},t._init=function(){var e=this,t=this._element;t.find("input:checkbox:checked").parents("li").toggleClass(Ft),t.on("change","input:checkbox",(function(t){e.toggle(n.default(t.target))}))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Ht);a||(a=n.default(this).data());var i=n.default.extend({},Et,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(Ht,"object"==typeof t?t:a),"init"===t&&o[t]()}))},e}();n.default(window).on("load",(function(){Lt._jQueryInterface.call(n.default('[data-widget="todo-list"]'))})),n.default.fn[Qt]=Lt._jQueryInterface,n.default.fn[Qt].Constructor=Lt,n.default.fn[Qt].noConflict=function(){return n.default.fn[Qt]=zt,Lt._jQueryInterface};var Dt="Treeview",Rt="lte.treeview",At=n.default.fn[Dt],Mt=".nav-item",qt=".nav-treeview",Ot=".menu-open",Nt='[data-widget="treeview"]',Pt="menu-open",Ut="menu-is-opening",Bt={trigger:Nt+" .nav-link",animationSpeed:300,accordion:!0,expandSidebar:!1,sidebarButtonSelector:'[data-widget="pushmenu"]'},$t=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.init=function(){n.default(".nav-item.menu-open .nav-treeview.menu-open").css("display","block"),this._setupListeners()},t.expand=function(e,t){var a=this,i=n.default.Event("expanded.lte.treeview");if(this._config.accordion){var o=t.siblings(Ot).first(),l=o.find(qt).first();this.collapse(l,o)}t.addClass(Ut),e.stop().slideDown(this._config.animationSpeed,(function(){t.addClass(Pt),n.default(a._element).trigger(i)})),this._config.expandSidebar&&this._expandSidebar()},t.collapse=function(e,t){var a=this,i=n.default.Event("collapsed.lte.treeview");t.removeClass("menu-is-opening menu-open"),e.stop().slideUp(this._config.animationSpeed,(function(){n.default(a._element).trigger(i),e.find(".menu-open > .nav-treeview").slideUp(),e.find(Ot).removeClass("menu-is-opening menu-open")}))},t.toggle=function(e){var t=n.default(e.currentTarget),a=t.parent(),i=a.find("> .nav-treeview");if(i.is(qt)||(a.is(Mt)||(i=a.parent().find("> .nav-treeview")),i.is(qt))){e.preventDefault();var o=t.parents(Mt).first();o.hasClass(Pt)?this.collapse(n.default(i),o):this.expand(n.default(i),o)}},t._setupListeners=function(){var e=this,t=void 0!==this._element.attr("id")?"#"+this._element.attr("id"):"";n.default(document).on("click",""+t+this._config.trigger,(function(t){e.toggle(t)}))},t._expandSidebar=function(){n.default("body").hasClass("sidebar-collapse")&&n.default(this._config.sidebarButtonSelector).PushMenu("expand")},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Rt),i=n.default.extend({},Bt,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(Rt,a)),"init"===t&&a[t]()}))},e}();n.default(window).on("load.lte.treeview",(function(){n.default(Nt).each((function(){$t._jQueryInterface.call(n.default(this),"init")}))})),n.default.fn[Dt]=$t._jQueryInterface,n.default.fn[Dt].Constructor=$t,n.default.fn[Dt].noConflict=function(){return n.default.fn[Dt]=At,$t._jQueryInterface},e.CardRefresh=f,e.CardWidget=I,e.ControlSidebar=M,e.DirectChat=P,e.Dropdown=V,e.ExpandableTable=te,e.Fullscreen=re,e.IFrame=Qe,e.Layout=Me,e.NavbarSearch=Ct,e.PushMenu=Ke,e.SidebarSearch=ht,e.Toasts=kt,e.TodoList=Lt,e.Treeview=$t,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=adminlte.min.js.map
 /*! tether 1.4.7 */
 
 (function(root, factory) {
@@ -91240,10 +91234,10 @@ var __WEBPACK_AMD_DEFINE_RESULT__;/**
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-contrast.less":
-/*!********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-contrast.less ***!
-  \********************************************************/
+/***/ "./resources/assets/less/skins/skin-blue-dark.less":
+/*!*********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-blue-dark.less ***!
+  \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -91253,10 +91247,23 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-green.less":
-/*!*****************************************************!*\
-  !*** ./resources/assets/less/skins/skin-green.less ***!
-  \*****************************************************/
+/***/ "./resources/assets/less/skins/skin-blue.less":
+/*!****************************************************!*\
+  !*** ./resources/assets/less/skins/skin-blue.less ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-contrast.less":
+/*!********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-contrast.less ***!
+  \********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -91279,9 +91286,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-black.less":
+/***/ "./resources/assets/less/skins/skin-green.less":
 /*!*****************************************************!*\
-  !*** ./resources/assets/less/skins/skin-black.less ***!
+  !*** ./resources/assets/less/skins/skin-green.less ***!
   \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -91290,97 +91297,6 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-black-dark.less":
-/*!**********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-black-dark.less ***!
-  \**********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-red-dark.less":
-/*!********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-red-dark.less ***!
-  \********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-purple.less":
-/*!******************************************************!*\
-  !*** ./resources/assets/less/skins/skin-purple.less ***!
-  \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-purple-dark.less":
-/*!***********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-purple-dark.less ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-yellow.less":
-/*!******************************************************!*\
-  !*** ./resources/assets/less/skins/skin-yellow.less ***!
-  \******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-yellow-dark.less":
-/*!***********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-yellow-dark.less ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./resources/assets/less/skins/skin-blue-dark.less":
-/*!*********************************************************!*\
-  !*** ./resources/assets/less/skins/skin-blue-dark.less ***!
-  \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
 /***/ }),
 
 /***/ "./resources/assets/less/skins/skin-orange-dark.less":
@@ -91409,10 +91325,88 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/admin-lte/build/less/AdminLTE.less":
-/*!*********************************************************!*\
-  !*** ./node_modules/admin-lte/build/less/AdminLTE.less ***!
-  \*********************************************************/
+/***/ "./resources/assets/less/skins/skin-purple-dark.less":
+/*!***********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-purple-dark.less ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-purple.less":
+/*!******************************************************!*\
+  !*** ./resources/assets/less/skins/skin-purple.less ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-red-dark.less":
+/*!********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-red-dark.less ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-red.less":
+/*!***************************************************!*\
+  !*** ./resources/assets/less/skins/skin-red.less ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-yellow-dark.less":
+/*!***********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-yellow-dark.less ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-yellow.less":
+/*!******************************************************!*\
+  !*** ./resources/assets/less/skins/skin-yellow.less ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./node_modules/admin-lte/dist/css/adminlte.css":
+/*!******************************************************!*\
+  !*** ./node_modules/admin-lte/dist/css/adminlte.css ***!
+  \******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -91448,10 +91442,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-blue.less":
-/*!****************************************************!*\
-  !*** ./resources/assets/less/skins/skin-blue.less ***!
-  \****************************************************/
+/***/ "./resources/assets/less/skins/_all-skins.less":
+/*!*****************************************************!*\
+  !*** ./resources/assets/less/skins/_all-skins.less ***!
+  \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -91461,10 +91455,23 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/assets/less/skins/skin-red.less":
-/*!***************************************************!*\
-  !*** ./resources/assets/less/skins/skin-red.less ***!
-  \***************************************************/
+/***/ "./resources/assets/less/skins/skin-black-dark.less":
+/*!**********************************************************!*\
+  !*** ./resources/assets/less/skins/skin-black-dark.less ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./resources/assets/less/skins/skin-black.less":
+/*!*****************************************************!*\
+  !*** ./resources/assets/less/skins/skin-black.less ***!
+  \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -91585,24 +91592,25 @@ __webpack_require__.r(__webpack_exports__);
 /******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
 /******/ 		var installedChunks = {
 /******/ 			"/js/build/app": 0,
-/******/ 			"css/dist/skins/skin-red": 0,
-/******/ 			"css/dist/skins/skin-blue": 0,
+/******/ 			"css/dist/skins/skin-black": 0,
+/******/ 			"css/dist/skins/skin-black-dark": 0,
+/******/ 			"css/dist/skins/_all-skins": 0,
 /******/ 			"css/build/overrides": 0,
 /******/ 			"css/build/app": 0,
-/******/ 			"css/build/AdminLTE": 0,
+/******/ 			"css/build/adminlte": 0,
+/******/ 			"css/dist/skins/skin-yellow": 0,
+/******/ 			"css/dist/skins/skin-yellow-dark": 0,
+/******/ 			"css/dist/skins/skin-red": 0,
+/******/ 			"css/dist/skins/skin-red-dark": 0,
+/******/ 			"css/dist/skins/skin-purple": 0,
+/******/ 			"css/dist/skins/skin-purple-dark": 0,
 /******/ 			"css/dist/skins/skin-orange": 0,
 /******/ 			"css/dist/skins/skin-orange-dark": 0,
-/******/ 			"css/dist/skins/skin-blue-dark": 0,
-/******/ 			"css/dist/skins/skin-yellow-dark": 0,
-/******/ 			"css/dist/skins/skin-yellow": 0,
-/******/ 			"css/dist/skins/skin-purple-dark": 0,
-/******/ 			"css/dist/skins/skin-purple": 0,
-/******/ 			"css/dist/skins/skin-red-dark": 0,
-/******/ 			"css/dist/skins/skin-black-dark": 0,
-/******/ 			"css/dist/skins/skin-black": 0,
-/******/ 			"css/dist/skins/skin-green-dark": 0,
 /******/ 			"css/dist/skins/skin-green": 0,
-/******/ 			"css/dist/skins/skin-contrast": 0
+/******/ 			"css/dist/skins/skin-green-dark": 0,
+/******/ 			"css/dist/skins/skin-contrast": 0,
+/******/ 			"css/dist/skins/skin-blue": 0,
+/******/ 			"css/dist/skins/skin-blue-dark": 0
 /******/ 		};
 /******/ 		
 /******/ 		// no chunk on demand loading
@@ -91652,26 +91660,27 @@ __webpack_require__.r(__webpack_exports__);
 /******/ 	// startup
 /******/ 	// Load entry module and return exports
 /******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/js/snipeit.js")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/js/snipeit_modals.js")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./node_modules/admin-lte/build/less/AdminLTE.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/app.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/overrides.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-red.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-contrast.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-green.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-green-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-black.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-black-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-red-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue-dark.less")))
-/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange-dark.less")))
-/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["css/dist/skins/skin-red","css/dist/skins/skin-blue","css/build/overrides","css/build/app","css/build/AdminLTE","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-blue-dark","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-yellow","css/dist/skins/skin-purple-dark","css/dist/skins/skin-purple","css/dist/skins/skin-red-dark","css/dist/skins/skin-black-dark","css/dist/skins/skin-black","css/dist/skins/skin-green-dark","css/dist/skins/skin-green","css/dist/skins/skin-contrast"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/js/snipeit.js")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/js/snipeit_modals.js")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/app.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/overrides.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/_all-skins.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-black-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-black.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-blue.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-contrast.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-green-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-green.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-orange.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-purple.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-red-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-red.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow-dark.less")))
+/******/ 	__webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./resources/assets/less/skins/skin-yellow.less")))
+/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["css/dist/skins/skin-black","css/dist/skins/skin-black-dark","css/dist/skins/_all-skins","css/build/overrides","css/build/app","css/build/adminlte","css/dist/skins/skin-yellow","css/dist/skins/skin-yellow-dark","css/dist/skins/skin-red","css/dist/skins/skin-red-dark","css/dist/skins/skin-purple","css/dist/skins/skin-purple-dark","css/dist/skins/skin-orange","css/dist/skins/skin-orange-dark","css/dist/skins/skin-green","css/dist/skins/skin-green-dark","css/dist/skins/skin-contrast","css/dist/skins/skin-blue","css/dist/skins/skin-blue-dark"], () => (__webpack_require__("./node_modules/admin-lte/dist/css/adminlte.css")))
 /******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 /******/ 	
 /******/ })()
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index f9a49f7725..4d0da2fadb 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,24 +1,25 @@
 {
-    "/js/build/app.js": "/js/build/app.js?id=842cc33168d973ac10d35eb664be2a2c",
-    "/css/dist/skins/skin-red.css": "/css/dist/skins/skin-red.css?id=44bf834f2110504a793dadec132a5898",
-    "/css/dist/skins/skin-blue.css": "/css/dist/skins/skin-blue.css?id=f677207c6cf9678eb539abecb408c374",
+    "/js/build/app.js": "/js/build/app.js?id=ed33cacf8886ba5d61ac6368d8fc79cf",
+    "/css/dist/skins/skin-black.css": "/css/dist/skins/skin-black.css?id=76482123f6c70e866d6b971ba91de7bb",
+    "/css/dist/skins/skin-black-dark.css": "/css/dist/skins/skin-black-dark.css?id=f0b08873a06bb54daeee176a9459f4a9",
+    "/css/dist/skins/_all-skins.css": "/css/dist/skins/_all-skins.css?id=f4397c717b99fce41a633ca6edd5d1f4",
     "/css/build/overrides.css": "/css/build/overrides.css?id=004835e70ed3ae2e2340162b7a37c752",
     "/css/build/app.css": "/css/build/app.css?id=7ecac57fc8cf6fdbe447c18d5f2ae7bc",
-    "/css/build/AdminLTE.css": "/css/build/AdminLTE.css?id=4ea0068716c1bb2434d87a16d51b98c9",
+    "/css/build/adminlte.css": "/css/build/adminlte.css?id=78badabaa0db342d40de29b281e4aced",
+    "/css/dist/skins/skin-yellow.css": "/css/dist/skins/skin-yellow.css?id=7b315b9612b8fde8f9c5b0ddb6bba690",
+    "/css/dist/skins/skin-yellow-dark.css": "/css/dist/skins/skin-yellow-dark.css?id=393aaa7b368b0670fc42434c8cca7dc7",
+    "/css/dist/skins/skin-red.css": "/css/dist/skins/skin-red.css?id=44bf834f2110504a793dadec132a5898",
+    "/css/dist/skins/skin-red-dark.css": "/css/dist/skins/skin-red-dark.css?id=ad39859637dafa781288630f9d6d6523",
+    "/css/dist/skins/skin-purple.css": "/css/dist/skins/skin-purple.css?id=6fe68325d5356197672c27bc77cedcb4",
+    "/css/dist/skins/skin-purple-dark.css": "/css/dist/skins/skin-purple-dark.css?id=f8b26018a1533b9db864247daaf06daa",
     "/css/dist/skins/skin-orange.css": "/css/dist/skins/skin-orange.css?id=6f0563e726c2fe4fab4026daaa5bfdf2",
     "/css/dist/skins/skin-orange-dark.css": "/css/dist/skins/skin-orange-dark.css?id=4fa7aa3ba499c8f4e390eb8549da3f74",
-    "/css/dist/skins/skin-blue-dark.css": "/css/dist/skins/skin-blue-dark.css?id=0640e45bad692dcf62873c6e85904899",
-    "/css/dist/skins/skin-yellow-dark.css": "/css/dist/skins/skin-yellow-dark.css?id=393aaa7b368b0670fc42434c8cca7dc7",
-    "/css/dist/skins/skin-yellow.css": "/css/dist/skins/skin-yellow.css?id=7b315b9612b8fde8f9c5b0ddb6bba690",
-    "/css/dist/skins/skin-purple-dark.css": "/css/dist/skins/skin-purple-dark.css?id=f8b26018a1533b9db864247daaf06daa",
-    "/css/dist/skins/skin-purple.css": "/css/dist/skins/skin-purple.css?id=6fe68325d5356197672c27bc77cedcb4",
-    "/css/dist/skins/skin-red-dark.css": "/css/dist/skins/skin-red-dark.css?id=ad39859637dafa781288630f9d6d6523",
-    "/css/dist/skins/skin-black-dark.css": "/css/dist/skins/skin-black-dark.css?id=f0b08873a06bb54daeee176a9459f4a9",
-    "/css/dist/skins/skin-black.css": "/css/dist/skins/skin-black.css?id=76482123f6c70e866d6b971ba91de7bb",
-    "/css/dist/skins/skin-green-dark.css": "/css/dist/skins/skin-green-dark.css?id=553ee68741b5a392037abcf04da80adc",
     "/css/dist/skins/skin-green.css": "/css/dist/skins/skin-green.css?id=0a82a6ae6bb4e58fe62d162c4fb50397",
+    "/css/dist/skins/skin-green-dark.css": "/css/dist/skins/skin-green-dark.css?id=553ee68741b5a392037abcf04da80adc",
     "/css/dist/skins/skin-contrast.css": "/css/dist/skins/skin-contrast.css?id=da6c7997d9de2f8329142399f0ce50da",
-    "/css/dist/all.css": "/css/dist/all.css?id=656b0a0561a4be447c195846c3de3558",
+    "/css/dist/skins/skin-blue.css": "/css/dist/skins/skin-blue.css?id=f677207c6cf9678eb539abecb408c374",
+    "/css/dist/skins/skin-blue-dark.css": "/css/dist/skins/skin-blue-dark.css?id=0640e45bad692dcf62873c6e85904899",
+    "/css/dist/all.css": "/css/dist/all.css?id=e7ade3207a6b811aa3d40a73ff420ae0",
     "/css/dist/signature-pad.css": "/css/dist/signature-pad.css?id=6a89d3cd901305e66ced1cf5f13147f7",
     "/css/dist/signature-pad.min.css": "/css/dist/signature-pad.min.css?id=6a89d3cd901305e66ced1cf5f13147f7",
     "/js/select2/i18n/af.js": "/js/select2/i18n/af.js?id=4f6fcd73488ce79fae1b7a90aceaecde",
@@ -91,23 +92,24 @@
     "/css/webfonts/fa-v4compatibility.woff2": "/css/webfonts/fa-v4compatibility.woff2?id=111e341dba724e1df946e8d1f406a7bd",
     "/js/dist/bootstrap-table-locale-all.min.js": "/js/dist/bootstrap-table-locale-all.min.js?id=27eb00f47f9bae70cd630d184b7969f1",
     "/js/dist/bootstrap-table-en-US.min.js": "/js/dist/bootstrap-table-en-US.min.js?id=57bdb4770b2924f5efeda100caf3c9b7",
-    "/css/dist/bootstrap-table.css": "/css/dist/bootstrap-table.css?id=8abbb6aea625ec64cd7ebdad77ebf6e5",
-    "/js/build/vendor.js": "/js/build/vendor.js?id=e27070bdbc5fce3bfd132b952d641fd6",
-    "/js/dist/bootstrap-table.js": "/js/dist/bootstrap-table.js?id=859e11e4e6b05c84e4b7302de29bac5e",
-    "/js/dist/all.js": "/js/dist/all.js?id=01108f9d8f4f67b20669f0c25a64eb5d",
-    "/css/dist/skins/skin-green.min.css": "/css/dist/skins/skin-green.min.css?id=0a82a6ae6bb4e58fe62d162c4fb50397",
-    "/css/dist/skins/skin-green-dark.min.css": "/css/dist/skins/skin-green-dark.min.css?id=553ee68741b5a392037abcf04da80adc",
-    "/css/dist/skins/skin-black.min.css": "/css/dist/skins/skin-black.min.css?id=76482123f6c70e866d6b971ba91de7bb",
+    "/css/dist/skins/_all-skins.min.css": "/css/dist/skins/_all-skins.min.css?id=f4397c717b99fce41a633ca6edd5d1f4",
     "/css/dist/skins/skin-black-dark.min.css": "/css/dist/skins/skin-black-dark.min.css?id=f0b08873a06bb54daeee176a9459f4a9",
-    "/css/dist/skins/skin-blue.min.css": "/css/dist/skins/skin-blue.min.css?id=f677207c6cf9678eb539abecb408c374",
+    "/css/dist/skins/skin-black.min.css": "/css/dist/skins/skin-black.min.css?id=76482123f6c70e866d6b971ba91de7bb",
     "/css/dist/skins/skin-blue-dark.min.css": "/css/dist/skins/skin-blue-dark.min.css?id=0640e45bad692dcf62873c6e85904899",
-    "/css/dist/skins/skin-yellow.min.css": "/css/dist/skins/skin-yellow.min.css?id=7b315b9612b8fde8f9c5b0ddb6bba690",
-    "/css/dist/skins/skin-yellow-dark.min.css": "/css/dist/skins/skin-yellow-dark.min.css?id=393aaa7b368b0670fc42434c8cca7dc7",
-    "/css/dist/skins/skin-red.min.css": "/css/dist/skins/skin-red.min.css?id=44bf834f2110504a793dadec132a5898",
-    "/css/dist/skins/skin-red-dark.min.css": "/css/dist/skins/skin-red-dark.min.css?id=ad39859637dafa781288630f9d6d6523",
-    "/css/dist/skins/skin-purple.min.css": "/css/dist/skins/skin-purple.min.css?id=6fe68325d5356197672c27bc77cedcb4",
-    "/css/dist/skins/skin-purple-dark.min.css": "/css/dist/skins/skin-purple-dark.min.css?id=f8b26018a1533b9db864247daaf06daa",
-    "/css/dist/skins/skin-orange.min.css": "/css/dist/skins/skin-orange.min.css?id=6f0563e726c2fe4fab4026daaa5bfdf2",
+    "/css/dist/skins/skin-blue.min.css": "/css/dist/skins/skin-blue.min.css?id=f677207c6cf9678eb539abecb408c374",
+    "/css/dist/skins/skin-contrast.min.css": "/css/dist/skins/skin-contrast.min.css?id=da6c7997d9de2f8329142399f0ce50da",
+    "/css/dist/skins/skin-green-dark.min.css": "/css/dist/skins/skin-green-dark.min.css?id=553ee68741b5a392037abcf04da80adc",
+    "/css/dist/skins/skin-green.min.css": "/css/dist/skins/skin-green.min.css?id=0a82a6ae6bb4e58fe62d162c4fb50397",
     "/css/dist/skins/skin-orange-dark.min.css": "/css/dist/skins/skin-orange-dark.min.css?id=4fa7aa3ba499c8f4e390eb8549da3f74",
-    "/css/dist/skins/skin-contrast.min.css": "/css/dist/skins/skin-contrast.min.css?id=da6c7997d9de2f8329142399f0ce50da"
+    "/css/dist/skins/skin-orange.min.css": "/css/dist/skins/skin-orange.min.css?id=6f0563e726c2fe4fab4026daaa5bfdf2",
+    "/css/dist/skins/skin-purple-dark.min.css": "/css/dist/skins/skin-purple-dark.min.css?id=f8b26018a1533b9db864247daaf06daa",
+    "/css/dist/skins/skin-purple.min.css": "/css/dist/skins/skin-purple.min.css?id=6fe68325d5356197672c27bc77cedcb4",
+    "/css/dist/skins/skin-red-dark.min.css": "/css/dist/skins/skin-red-dark.min.css?id=ad39859637dafa781288630f9d6d6523",
+    "/css/dist/skins/skin-red.min.css": "/css/dist/skins/skin-red.min.css?id=44bf834f2110504a793dadec132a5898",
+    "/css/dist/skins/skin-yellow-dark.min.css": "/css/dist/skins/skin-yellow-dark.min.css?id=393aaa7b368b0670fc42434c8cca7dc7",
+    "/css/dist/skins/skin-yellow.min.css": "/css/dist/skins/skin-yellow.min.css?id=7b315b9612b8fde8f9c5b0ddb6bba690",
+    "/css/dist/bootstrap-table.css": "/css/dist/bootstrap-table.css?id=8abbb6aea625ec64cd7ebdad77ebf6e5",
+    "/js/build/vendor.js": "/js/build/vendor.js?id=5ee6f0198303282c1792996331cda8df",
+    "/js/dist/bootstrap-table.js": "/js/dist/bootstrap-table.js?id=859e11e4e6b05c84e4b7302de29bac5e",
+    "/js/dist/all.js": "/js/dist/all.js?id=394adb3e86f80a2dd097bd8e2459d200"
 }
diff --git a/webpack.mix.js b/webpack.mix.js
index fee66acfb2..27e2782100 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -9,7 +9,7 @@ mix
     processFontUrls: true,
     clearConsole: false,
   })
-  .less("./node_modules/admin-lte/build/less/AdminLTE.less", "css/build")
+  .css("./node_modules/admin-lte/dist/css/adminlte.css", "css/build")
   .less("./resources/assets/less/app.less", "css/build")
   .less("./resources/assets/less/overrides.less", "css/build")
   .styles(