Websocket refactoring (#190)

Websocket refactoring
2026-08-11 16:32:57 +00:00 · 2024-02-24 19:21:47 +01:00
parent d91755dff5
commit d533557324
585 changed files with 114831 additions and 2198 deletions
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Blue
+==============================*/
+::selection {
+  background: #007bff;
+}
+
+a, a:focus {
+  color: #007bff;
+}
+
+a:hover, a:active {
+  color: #006adb;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #007bff;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #007bff;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #007bff;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #007bff;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #007bff !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #007bff;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #007bff;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #007bff;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #007bff;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #007bff;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #007bff;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #007bff;
+}
+#footer .nav .nav-link:hover {
+  color: #007bff;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #007bff;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #007bff;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #007bff !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #007bff !important;
+}
+
+.btn-link:hover {
+  color: #006adb !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #006adb !important;
+}
+
+.border-primary {
+  border-color: #007bff !important;
+}
+
+.btn-primary {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+.btn-primary:hover {
+  background-color: #006adb;
+  border-color: #006adb;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #006adb;
+  border-color: #006adb;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #006adb;
+  border-color: #006adb;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #007bff;
+  border-color: #007bff;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #007bff;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.list-group-item.active {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.page-link {
+  color: #007bff;
+}
+.page-link:hover {
+  color: #006adb;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Brown
+==============================*/
+::selection {
+  background: #795548;
+}
+
+a, a:focus {
+  color: #795548;
+}
+
+a:hover, a:active {
+  color: #63453b;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #795548;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #795548;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #795548;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #795548;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #795548 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #795548;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #795548;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #795548;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #795548;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #795548;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #795548;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #795548;
+}
+#footer .nav .nav-link:hover {
+  color: #795548;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #795548;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #795548;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #795548 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #795548 !important;
+}
+
+.btn-link:hover {
+  color: #63453b !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #63453b !important;
+}
+
+.border-primary {
+  border-color: #795548 !important;
+}
+
+.btn-primary {
+  background-color: #795548;
+  border-color: #795548;
+}
+.btn-primary:hover {
+  background-color: #63453b;
+  border-color: #63453b;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #63453b;
+  border-color: #63453b;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #63453b;
+  border-color: #63453b;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #795548;
+  border-color: #795548;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #795548;
+  border-color: #795548;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #795548;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #795548;
+  border-color: #795548;
+}
+
+.list-group-item.active {
+  background-color: #795548;
+  border-color: #795548;
+}
+
+.page-link {
+  color: #795548;
+}
+.page-link:hover {
+  color: #63453b;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Cyan
+==============================*/
+::selection {
+  background: #17a2b8;
+}
+
+a, a:focus {
+  color: #17a2b8;
+}
+
+a:hover, a:active {
+  color: #138698;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #17a2b8;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #17a2b8;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #17a2b8;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #17a2b8;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #17a2b8 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #17a2b8;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #17a2b8;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #17a2b8;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #17a2b8;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #17a2b8;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #17a2b8;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #17a2b8;
+}
+#footer .nav .nav-link:hover {
+  color: #17a2b8;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #17a2b8;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #17a2b8;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #17a2b8 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #17a2b8 !important;
+}
+
+.btn-link:hover {
+  color: #138698 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #138698 !important;
+}
+
+.border-primary {
+  border-color: #17a2b8 !important;
+}
+
+.btn-primary {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+.btn-primary:hover {
+  background-color: #138698;
+  border-color: #138698;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #138698;
+  border-color: #138698;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #138698;
+  border-color: #138698;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #17a2b8;
+  border-color: #17a2b8;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #17a2b8;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.list-group-item.active {
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.page-link {
+  color: #17a2b8;
+}
+.page-link:hover {
+  color: #138698;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Green
+==============================*/
+::selection {
+  background: #28a745;
+}
+
+a, a:focus {
+  color: #28a745;
+}
+
+a:hover, a:active {
+  color: #218a39;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #28a745;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #28a745;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #28a745;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #28a745;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #28a745 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #28a745;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #28a745;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #28a745;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #28a745;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #28a745;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #28a745;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #28a745;
+}
+#footer .nav .nav-link:hover {
+  color: #28a745;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #28a745;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #28a745;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #28a745 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #28a745 !important;
+}
+
+.btn-link:hover {
+  color: #218a39 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #218a39 !important;
+}
+
+.border-primary {
+  border-color: #28a745 !important;
+}
+
+.btn-primary {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+.btn-primary:hover {
+  background-color: #218a39;
+  border-color: #218a39;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #218a39;
+  border-color: #218a39;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #218a39;
+  border-color: #218a39;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #28a745;
+  border-color: #28a745;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #28a745;
+  border-color: #28a745;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #28a745;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.list-group-item.active {
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.page-link {
+  color: #28a745;
+}
+.page-link:hover {
+  color: #218a39;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Indigo
+==============================*/
+::selection {
+  background: #6610f2;
+}
+
+a, a:focus {
+  color: #6610f2;
+}
+
+a:hover, a:active {
+  color: #570bd3;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #6610f2;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #6610f2;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #6610f2;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #6610f2;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #6610f2 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #6610f2;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #6610f2;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #6610f2;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #6610f2;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #6610f2;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #6610f2;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #6610f2;
+}
+#footer .nav .nav-link:hover {
+  color: #6610f2;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #6610f2;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #6610f2;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #6610f2 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #6610f2 !important;
+}
+
+.btn-link:hover {
+  color: #570bd3 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #570bd3 !important;
+}
+
+.border-primary {
+  border-color: #6610f2 !important;
+}
+
+.btn-primary {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+.btn-primary:hover {
+  background-color: #570bd3;
+  border-color: #570bd3;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #570bd3;
+  border-color: #570bd3;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #570bd3;
+  border-color: #570bd3;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #6610f2;
+  border-color: #6610f2;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #6610f2;
+  border-color: #6610f2;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #6610f2;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+
+.list-group-item.active {
+  background-color: #6610f2;
+  border-color: #6610f2;
+}
+
+.page-link {
+  color: #6610f2;
+}
+.page-link:hover {
+  color: #570bd3;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Orange
+==============================*/
+::selection {
+  background: #fd7e14;
+}
+
+a, a:focus {
+  color: #fd7e14;
+}
+
+a:hover, a:active {
+  color: #eb6c02;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #fd7e14;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #fd7e14;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #fd7e14;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #fd7e14;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #fd7e14 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #fd7e14;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #fd7e14;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #fd7e14;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #fd7e14;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #fd7e14;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #fd7e14;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #fd7e14;
+}
+#footer .nav .nav-link:hover {
+  color: #fd7e14;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #fd7e14;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #fd7e14;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #fd7e14 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #fd7e14 !important;
+}
+
+.btn-link:hover {
+  color: #eb6c02 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #eb6c02 !important;
+}
+
+.border-primary {
+  border-color: #fd7e14 !important;
+}
+
+.btn-primary {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+.btn-primary:hover {
+  background-color: #eb6c02;
+  border-color: #eb6c02;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #eb6c02;
+  border-color: #eb6c02;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #eb6c02;
+  border-color: #eb6c02;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #fd7e14;
+  border-color: #fd7e14;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #fd7e14;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.list-group-item.active {
+  background-color: #fd7e14;
+  border-color: #fd7e14;
+}
+
+.page-link {
+  color: #fd7e14;
+}
+.page-link:hover {
+  color: #eb6c02;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Purple
+==============================*/
+::selection {
+  background: #6f42c1;
+}
+
+a, a:focus {
+  color: #6f42c1;
+}
+
+a:hover, a:active {
+  color: #5f37a8;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #6f42c1;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #6f42c1;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #6f42c1;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #6f42c1;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #6f42c1 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #6f42c1;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #6f42c1;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #6f42c1;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #6f42c1;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #6f42c1;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #6f42c1;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #6f42c1;
+}
+#footer .nav .nav-link:hover {
+  color: #6f42c1;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #6f42c1;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #6f42c1;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #6f42c1 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #6f42c1 !important;
+}
+
+.btn-link:hover {
+  color: #5f37a8 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #5f37a8 !important;
+}
+
+.border-primary {
+  border-color: #6f42c1 !important;
+}
+
+.btn-primary {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+.btn-primary:hover {
+  background-color: #5f37a8;
+  border-color: #5f37a8;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #5f37a8;
+  border-color: #5f37a8;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #5f37a8;
+  border-color: #5f37a8;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #6f42c1;
+  border-color: #6f42c1;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #6f42c1;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+
+.list-group-item.active {
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}
+
+.page-link {
+  color: #6f42c1;
+}
+.page-link:hover {
+  color: #5f37a8;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Red
+==============================*/
+::selection {
+  background: #dc3545;
+}
+
+a, a:focus {
+  color: #dc3545;
+}
+
+a:hover, a:active {
+  color: #ca2333;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #dc3545;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #dc3545;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #dc3545;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #dc3545;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #dc3545 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #dc3545;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #dc3545;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #dc3545;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #dc3545;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #dc3545;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #dc3545;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #dc3545;
+}
+#footer .nav .nav-link:hover {
+  color: #dc3545;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #dc3545;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #dc3545;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #dc3545 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #dc3545 !important;
+}
+
+.btn-link:hover {
+  color: #ca2333 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #ca2333 !important;
+}
+
+.border-primary {
+  border-color: #dc3545 !important;
+}
+
+.btn-primary {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+.btn-primary:hover {
+  background-color: #ca2333;
+  border-color: #ca2333;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #ca2333;
+  border-color: #ca2333;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #ca2333;
+  border-color: #ca2333;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #dc3545;
+  border-color: #dc3545;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #dc3545;
+  border-color: #dc3545;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #dc3545;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.list-group-item.active {
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.page-link {
+  color: #dc3545;
+}
+.page-link:hover {
+  color: #ca2333;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Teal
+==============================*/
+::selection {
+  background: #20c997;
+}
+
+a, a:focus {
+  color: #20c997;
+}
+
+a:hover, a:active {
+  color: #1baa80;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #20c997;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #20c997;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #20c997;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #20c997;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #20c997 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #20c997;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #20c997;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #20c997;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #20c997;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #20c997;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #20c997;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #20c997;
+}
+#footer .nav .nav-link:hover {
+  color: #20c997;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #20c997;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #20c997;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #20c997 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #20c997 !important;
+}
+
+.btn-link:hover {
+  color: #1baa80 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #1baa80 !important;
+}
+
+.border-primary {
+  border-color: #20c997 !important;
+}
+
+.btn-primary {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+.btn-primary:hover {
+  background-color: #1baa80;
+  border-color: #1baa80;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #1baa80;
+  border-color: #1baa80;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #1baa80;
+  border-color: #1baa80;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #20c997;
+  border-color: #20c997;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #20c997;
+  border-color: #20c997;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #20c997;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+
+.list-group-item.active {
+  background-color: #20c997;
+  border-color: #20c997;
+}
+
+.page-link {
+  color: #20c997;
+}
+.page-link:hover {
+  color: #1baa80;
+}
@@ -0,0 +1,159 @@
+/*============================
+		COLOR Yellow
+==============================*/
+::selection {
+  background: #ffc107;
+}
+
+a, a:focus {
+  color: #ffc107;
+}
+
+a:hover, a:active {
+  color: #f7b900;
+}
+
+.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
+  color: #ffc107;
+}
+.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
+  color: #ffc107;
+}
+.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
+  border-color: #ffc107;
+}
+
+/*=== Side Navigation ===*/
+.idocs-navigation .nav .nav .nav-item .nav-link.active:after, .idocs-navigation.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
+  border-color: #ffc107;
+}
+
+/* Accordion & Toggle */
+.accordion .card-header a:hover.collapsed {
+  color: #ffc107 !important;
+}
+.accordion:not(.accordion-alternate) .card-header a {
+  background-color: #ffc107;
+  color: #fff;
+}
+
+/* Nav */
+.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
+  color: #ffc107;
+}
+
+.nav-tabs .nav-item .nav-link.active {
+  color: #0c2f55;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+  background-color: #ffc107;
+}
+.nav-tabs .nav-item .nav-link:not(.active):hover {
+  color: #ffc107;
+}
+.nav-tabs.flex-column .nav-item .nav-link.active {
+  color: #ffc107;
+}
+
+.nav-pills .nav-link:not(.active):hover {
+  color: #ffc107;
+}
+
+#footer .nav .nav-item .nav-link:focus {
+  color: #ffc107;
+}
+#footer .nav .nav-link:hover {
+  color: #ffc107;
+}
+#footer .footer-copyright .nav .nav-link:hover {
+  color: #ffc107;
+}
+
+/* Back to Top */
+#back-to-top:hover {
+  background-color: #ffc107;
+}
+
+/* Extras */
+.bg-primary, .badge-primary {
+  background-color: #ffc107 !important;
+}
+
+.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #ffc107 !important;
+}
+
+.btn-link:hover {
+  color: #f7b900 !important;
+}
+
+.text-muted {
+  color: #8e9a9d !important;
+}
+
+.text-light {
+  color: #dee3e4 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+  background-color: #f7b900 !important;
+}
+
+.border-primary {
+  border-color: #ffc107 !important;
+}
+
+.btn-primary {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+.btn-primary:hover {
+  background-color: #f7b900;
+  border-color: #f7b900;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+  background-color: #f7b900;
+  border-color: #f7b900;
+}
+
+.btn-primary.focus, .btn-primary:focus {
+  background-color: #f7b900;
+  border-color: #f7b900;
+}
+
+.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+  color: #ffc107;
+  border-color: #ffc107;
+}
+.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
+  background-color: #ffc107;
+  border-color: #ffc107;
+  color: #fff;
+}
+
+.progress-bar,
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
+  background-color: #ffc107;
+}
+
+.page-item.active .page-link,
+.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label::before,
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
+.custom-control-input:checked ~ .custom-control-label:before {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.list-group-item.active {
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.page-link {
+  color: #ffc107;
+}
+.page-link:hover {
+  color: #f7b900;
+}