synapse-react-client 2.0.53 → 2.0.57

package/dist/style/main.css

@@ -8652,248 +8652,248 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
 .bootstrap-4-backport .btn-white:hover {
   color: rgba(0, 0, 0, 0.73);
 }
-.bootstrap-4-backport .btn-primary-base {
-  color: #fff;
-  background-color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-primary-100 {
+  color: #212529;
+  background-color: #edf0f2;
+  border-color: #edf0f2;
 }
-.bootstrap-4-backport .btn-primary-base:hover {
-  color: #fff;
-  background-color: #356685;
-  border-color: #315f7c;
+.bootstrap-4-backport .btn-primary-100:hover {
+  color: #212529;
+  background-color: #d6dee3;
+  border-color: #cfd8dd;
 }
-.bootstrap-4-backport .btn-primary-base:focus, .bootstrap-4-backport .btn-primary-base.focus {
-  color: #fff;
-  background-color: #356685;
-  border-color: #315f7c;
-  box-shadow: 0 0 0 0.2rem rgba(93, 143, 174, 0.5);
+.bootstrap-4-backport .btn-primary-100:focus, .bootstrap-4-backport .btn-primary-100.focus {
+  color: #212529;
+  background-color: #d6dee3;
+  border-color: #cfd8dd;
+  box-shadow: 0 0 0 0.2rem rgba(206, 210, 212, 0.5);
 }
-.bootstrap-4-backport .btn-primary-base.disabled, .bootstrap-4-backport .btn-primary-base:disabled {
-  color: #fff;
-  background-color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-primary-100.disabled, .bootstrap-4-backport .btn-primary-100:disabled {
+  color: #212529;
+  background-color: #edf0f2;
+  border-color: #edf0f2;
 }
-.bootstrap-4-backport .btn-primary-base:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-base:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-base.dropdown-toggle {
-  color: #fff;
-  background-color: #315f7c;
-  border-color: #2e5872;
+.bootstrap-4-backport .btn-primary-100:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-100:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-100.dropdown-toggle {
+  color: #212529;
+  background-color: #cfd8dd;
+  border-color: #c7d2d8;
 }
-.bootstrap-4-backport .btn-primary-base:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-base:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-base.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(93, 143, 174, 0.5);
+.bootstrap-4-backport .btn-primary-100:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-100:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-100.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(206, 210, 212, 0.5);
 }
-.bootstrap-4-backport .btn-light-primary-base {
+.bootstrap-4-backport .btn-light-primary-100 {
   color: #212529;
   background-color: #dfdfdf;
   border-color: #dfdfdf;
 }
-.bootstrap-4-backport .btn-light-primary-base:hover {
-  color: #fff;
-  background-color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-light-primary-100:hover {
+  color: #212529;
+  background-color: #edf0f2;
+  border-color: #edf0f2;
 }
-.bootstrap-4-backport .btn-light-primary-base:focus, .bootstrap-4-backport .btn-light-primary-base.focus {
-  color: #fff;
-  background-color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-light-primary-100:focus, .bootstrap-4-backport .btn-light-primary-100.focus {
+  color: #212529;
+  background-color: #edf0f2;
+  border-color: #edf0f2;
   box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
 }
-.bootstrap-4-backport .btn-light-primary-base.disabled, .bootstrap-4-backport .btn-light-primary-base:disabled {
+.bootstrap-4-backport .btn-light-primary-100.disabled, .bootstrap-4-backport .btn-light-primary-100:disabled {
   color: #212529;
   background-color: #dfdfdf;
   border-color: #dfdfdf;
 }
-.bootstrap-4-backport .btn-light-primary-base:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-base:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-base.dropdown-toggle {
-  color: #fff;
-  background-color: #336280;
-  border-color: #2d5670;
+.bootstrap-4-backport .btn-light-primary-100:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-100:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-100.dropdown-toggle {
+  color: #212529;
+  background-color: #b4c2cb;
+  border-color: #98abb7;
 }
-.bootstrap-4-backport .btn-light-primary-base:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-base:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-base.dropdown-toggle:focus {
+.bootstrap-4-backport .btn-light-primary-100:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-100:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-100.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
 }
-.bootstrap-4-backport .btn-gray-primary-base {
-  color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-gray-primary-100 {
+  color: #edf0f2;
+  border-color: #edf0f2;
   background-color: #f9f9f9;
   border-color: #e3e3e3;
 }
-.bootstrap-4-backport .btn-gray-primary-base:hover {
-  color: #fff;
-  background-color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-gray-primary-100:hover {
+  color: #212529;
+  background-color: #edf0f2;
+  border-color: #edf0f2;
 }
-.bootstrap-4-backport .btn-gray-primary-base:focus, .bootstrap-4-backport .btn-gray-primary-base.focus {
-  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+.bootstrap-4-backport .btn-gray-primary-100:focus, .bootstrap-4-backport .btn-gray-primary-100.focus {
+  box-shadow: 0 0 0 0.2rem rgba(237, 240, 242, 0.5);
 }
-.bootstrap-4-backport .btn-gray-primary-base.disabled, .bootstrap-4-backport .btn-gray-primary-base:disabled {
-  color: #407ba0;
+.bootstrap-4-backport .btn-gray-primary-100.disabled, .bootstrap-4-backport .btn-gray-primary-100:disabled {
+  color: #edf0f2;
   background-color: transparent;
 }
-.bootstrap-4-backport .btn-gray-primary-base:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-base:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-base.dropdown-toggle {
-  color: #fff;
-  background-color: #407ba0;
-  border-color: #407ba0;
+.bootstrap-4-backport .btn-gray-primary-100:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-100:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-100.dropdown-toggle {
+  color: #212529;
+  background-color: #edf0f2;
+  border-color: #edf0f2;
 }
-.bootstrap-4-backport .btn-gray-primary-base:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-base:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-base.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+.bootstrap-4-backport .btn-gray-primary-100:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-100:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-100.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(237, 240, 242, 0.5);
 }
-.bootstrap-4-backport .btn-transparent-primary-base {
+.bootstrap-4-backport .btn-transparent-primary-100 {
   color: #212529;
   background-color: rgba(255, 255, 255, 0);
   border-color: rgba(255, 255, 255, 0);
-  color: #407ba0;
+  color: #edf0f2;
 }
-.bootstrap-4-backport .btn-transparent-primary-base:hover {
+.bootstrap-4-backport .btn-transparent-primary-100:hover {
   color: #212529;
   background-color: rgba(236, 236, 236, 0);
   border-color: rgba(230, 230, 230, 0);
 }
-.bootstrap-4-backport .btn-transparent-primary-base:focus, .bootstrap-4-backport .btn-transparent-primary-base.focus {
+.bootstrap-4-backport .btn-transparent-primary-100:focus, .bootstrap-4-backport .btn-transparent-primary-100.focus {
   color: #212529;
   background-color: rgba(236, 236, 236, 0);
   border-color: rgba(230, 230, 230, 0);
   box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
 }
-.bootstrap-4-backport .btn-transparent-primary-base.disabled, .bootstrap-4-backport .btn-transparent-primary-base:disabled {
+.bootstrap-4-backport .btn-transparent-primary-100.disabled, .bootstrap-4-backport .btn-transparent-primary-100:disabled {
   color: #212529;
   background-color: rgba(255, 255, 255, 0);
   border-color: rgba(255, 255, 255, 0);
 }
-.bootstrap-4-backport .btn-transparent-primary-base:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-base:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-base.dropdown-toggle {
+.bootstrap-4-backport .btn-transparent-primary-100:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-100:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-100.dropdown-toggle {
   color: #212529;
   background-color: rgba(230, 230, 230, 0);
-  border-color: #407ba0;
+  border-color: #edf0f2;
 }
-.bootstrap-4-backport .btn-transparent-primary-base:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-base:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-base.dropdown-toggle:focus {
+.bootstrap-4-backport .btn-transparent-primary-100:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-100:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-100.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
 }
-.bootstrap-4-backport .btn-transparent-primary-base:hover {
-  color: #315f7c;
+.bootstrap-4-backport .btn-transparent-primary-100:hover {
+  color: #cfd8dd;
   box-shadow: unset;
 }
-.bootstrap-4-backport .btn-transparent-primary-base:active {
-  color: #2a5169;
+.bootstrap-4-backport .btn-transparent-primary-100:active {
+  color: #c0cbd3;
   box-shadow: unset;
 }
-.bootstrap-4-backport .btn-primary-active {
-  color: #fff;
-  background-color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-primary-200 {
+  color: #212529;
+  background-color: #88a9be;
+  border-color: #88a9be;
 }
-.bootstrap-4-backport .btn-primary-active:hover {
+.bootstrap-4-backport .btn-primary-200:hover {
   color: #fff;
-  background-color: #0771b3;
-  border-color: #0669a7;
+  background-color: #6f97b1;
+  border-color: #6692ad;
 }
-.bootstrap-4-backport .btn-primary-active:focus, .bootstrap-4-backport .btn-primary-active.focus {
+.bootstrap-4-backport .btn-primary-200:focus, .bootstrap-4-backport .btn-primary-200.focus {
   color: #fff;
-  background-color: #0771b3;
-  border-color: #0669a7;
-  box-shadow: 0 0 0 0.2rem rgba(45, 154, 222, 0.5);
+  background-color: #6f97b1;
+  border-color: #6692ad;
+  box-shadow: 0 0 0 0.2rem rgba(121, 149, 168, 0.5);
 }
-.bootstrap-4-backport .btn-primary-active.disabled, .bootstrap-4-backport .btn-primary-active:disabled {
-  color: #fff;
-  background-color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-primary-200.disabled, .bootstrap-4-backport .btn-primary-200:disabled {
+  color: #212529;
+  background-color: #88a9be;
+  border-color: #88a9be;
 }
-.bootstrap-4-backport .btn-primary-active:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-active:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-active.dropdown-toggle {
+.bootstrap-4-backport .btn-primary-200:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-200:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-200.dropdown-toggle {
   color: #fff;
-  background-color: #0669a7;
-  border-color: #06619b;
+  background-color: #6692ad;
+  border-color: #5e8ca8;
 }
-.bootstrap-4-backport .btn-primary-active:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-active:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-active.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(45, 154, 222, 0.5);
+.bootstrap-4-backport .btn-primary-200:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-200:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-200.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(121, 149, 168, 0.5);
 }
-.bootstrap-4-backport .btn-light-primary-active {
+.bootstrap-4-backport .btn-light-primary-200 {
   color: #212529;
   background-color: #dfdfdf;
   border-color: #dfdfdf;
 }
-.bootstrap-4-backport .btn-light-primary-active:hover {
-  color: #fff;
-  background-color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-light-primary-200:hover {
+  color: #212529;
+  background-color: #88a9be;
+  border-color: #88a9be;
 }
-.bootstrap-4-backport .btn-light-primary-active:focus, .bootstrap-4-backport .btn-light-primary-active.focus {
-  color: #fff;
-  background-color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-light-primary-200:focus, .bootstrap-4-backport .btn-light-primary-200.focus {
+  color: #212529;
+  background-color: #88a9be;
+  border-color: #88a9be;
   box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
 }
-.bootstrap-4-backport .btn-light-primary-active.disabled, .bootstrap-4-backport .btn-light-primary-active:disabled {
+.bootstrap-4-backport .btn-light-primary-200.disabled, .bootstrap-4-backport .btn-light-primary-200:disabled {
   color: #212529;
   background-color: #dfdfdf;
   border-color: #dfdfdf;
 }
-.bootstrap-4-backport .btn-light-primary-active:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-active:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-active.dropdown-toggle {
+.bootstrap-4-backport .btn-light-primary-200:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-200:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-200.dropdown-toggle {
   color: #fff;
-  background-color: #066dad;
-  border-color: #065f97;
+  background-color: #5d8ba8;
+  border-color: #507a94;
 }
-.bootstrap-4-backport .btn-light-primary-active:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-active:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-active.dropdown-toggle:focus {
+.bootstrap-4-backport .btn-light-primary-200:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-200:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-200.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
 }
-.bootstrap-4-backport .btn-gray-primary-active {
-  color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-gray-primary-200 {
+  color: #88a9be;
+  border-color: #88a9be;
   background-color: #f9f9f9;
   border-color: #e3e3e3;
 }
-.bootstrap-4-backport .btn-gray-primary-active:hover {
-  color: #fff;
-  background-color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-gray-primary-200:hover {
+  color: #212529;
+  background-color: #88a9be;
+  border-color: #88a9be;
 }
-.bootstrap-4-backport .btn-gray-primary-active:focus, .bootstrap-4-backport .btn-gray-primary-active.focus {
-  box-shadow: 0 0 0 0.2rem rgba(8, 136, 216, 0.5);
+.bootstrap-4-backport .btn-gray-primary-200:focus, .bootstrap-4-backport .btn-gray-primary-200.focus {
+  box-shadow: 0 0 0 0.2rem rgba(136, 169, 190, 0.5);
 }
-.bootstrap-4-backport .btn-gray-primary-active.disabled, .bootstrap-4-backport .btn-gray-primary-active:disabled {
-  color: #0888d8;
+.bootstrap-4-backport .btn-gray-primary-200.disabled, .bootstrap-4-backport .btn-gray-primary-200:disabled {
+  color: #88a9be;
   background-color: transparent;
 }
-.bootstrap-4-backport .btn-gray-primary-active:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-active:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-active.dropdown-toggle {
-  color: #fff;
-  background-color: #0888d8;
-  border-color: #0888d8;
+.bootstrap-4-backport .btn-gray-primary-200:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-200:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-200.dropdown-toggle {
+  color: #212529;
+  background-color: #88a9be;
+  border-color: #88a9be;
 }
-.bootstrap-4-backport .btn-gray-primary-active:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-active:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-active.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(8, 136, 216, 0.5);
+.bootstrap-4-backport .btn-gray-primary-200:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-200:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-200.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(136, 169, 190, 0.5);
 }
-.bootstrap-4-backport .btn-transparent-primary-active {
+.bootstrap-4-backport .btn-transparent-primary-200 {
   color: #212529;
   background-color: rgba(255, 255, 255, 0);
   border-color: rgba(255, 255, 255, 0);
-  color: #0888d8;
+  color: #88a9be;
 }
-.bootstrap-4-backport .btn-transparent-primary-active:hover {
+.bootstrap-4-backport .btn-transparent-primary-200:hover {
   color: #212529;
   background-color: rgba(236, 236, 236, 0);
   border-color: rgba(230, 230, 230, 0);
 }
-.bootstrap-4-backport .btn-transparent-primary-active:focus, .bootstrap-4-backport .btn-transparent-primary-active.focus {
+.bootstrap-4-backport .btn-transparent-primary-200:focus, .bootstrap-4-backport .btn-transparent-primary-200.focus {
   color: #212529;
   background-color: rgba(236, 236, 236, 0);
   border-color: rgba(230, 230, 230, 0);
   box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
 }
-.bootstrap-4-backport .btn-transparent-primary-active.disabled, .bootstrap-4-backport .btn-transparent-primary-active:disabled {
+.bootstrap-4-backport .btn-transparent-primary-200.disabled, .bootstrap-4-backport .btn-transparent-primary-200:disabled {
   color: #212529;
   background-color: rgba(255, 255, 255, 0);
   border-color: rgba(255, 255, 255, 0);
 }
-.bootstrap-4-backport .btn-transparent-primary-active:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-active:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-active.dropdown-toggle {
+.bootstrap-4-backport .btn-transparent-primary-200:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-200:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-200.dropdown-toggle {
   color: #212529;
   background-color: rgba(230, 230, 230, 0);
-  border-color: #0888d8;
+  border-color: #88a9be;
 }
-.bootstrap-4-backport .btn-transparent-primary-active:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-active:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-active.dropdown-toggle:focus {
+.bootstrap-4-backport .btn-transparent-primary-200:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-200:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-200.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
 }
-.bootstrap-4-backport .btn-transparent-primary-active:hover {
-  color: #0669a7;
+.bootstrap-4-backport .btn-transparent-primary-200:hover {
+  color: #6692ad;
   box-shadow: unset;
 }
-.bootstrap-4-backport .btn-transparent-primary-active:active {
-  color: #05598e;
+.bootstrap-4-backport .btn-transparent-primary-200:active {
+  color: #5885a2;
   box-shadow: unset;
 }
 .bootstrap-4-backport .btn-primary-300 {
@@ -9018,34 +9018,156 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
   color: #3c6c8b;
   box-shadow: unset;
 }
+.bootstrap-4-backport .btn-primary-400 {
+  color: #fff;
+  background-color: #4989b1;
+  border-color: #4989b1;
+}
+.bootstrap-4-backport .btn-primary-400:hover {
+  color: #fff;
+  background-color: #3d7496;
+  border-color: #3a6d8d;
+}
+.bootstrap-4-backport .btn-primary-400:focus, .bootstrap-4-backport .btn-primary-400.focus {
+  color: #fff;
+  background-color: #3d7496;
+  border-color: #3a6d8d;
+  box-shadow: 0 0 0 0.2rem rgba(100, 155, 189, 0.5);
+}
+.bootstrap-4-backport .btn-primary-400.disabled, .bootstrap-4-backport .btn-primary-400:disabled {
+  color: #fff;
+  background-color: #4989b1;
+  border-color: #4989b1;
+}
+.bootstrap-4-backport .btn-primary-400:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-400:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-400.dropdown-toggle {
+  color: #fff;
+  background-color: #3a6d8d;
+  border-color: #366684;
+}
+.bootstrap-4-backport .btn-primary-400:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-400:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-400.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(100, 155, 189, 0.5);
+}
+.bootstrap-4-backport .btn-light-primary-400 {
+  color: #212529;
+  background-color: #dfdfdf;
+  border-color: #dfdfdf;
+}
+.bootstrap-4-backport .btn-light-primary-400:hover {
+  color: #fff;
+  background-color: #4989b1;
+  border-color: #4989b1;
+}
+.bootstrap-4-backport .btn-light-primary-400:focus, .bootstrap-4-backport .btn-light-primary-400.focus {
+  color: #fff;
+  background-color: #4989b1;
+  border-color: #4989b1;
+  box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
+}
+.bootstrap-4-backport .btn-light-primary-400.disabled, .bootstrap-4-backport .btn-light-primary-400:disabled {
+  color: #212529;
+  background-color: #dfdfdf;
+  border-color: #dfdfdf;
+}
+.bootstrap-4-backport .btn-light-primary-400:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-400:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-400.dropdown-toggle {
+  color: #fff;
+  background-color: #3a6d8e;
+  border-color: #33607c;
+}
+.bootstrap-4-backport .btn-light-primary-400:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-400:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-400.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
+}
+.bootstrap-4-backport .btn-gray-primary-400 {
+  color: #4989b1;
+  border-color: #4989b1;
+  background-color: #f9f9f9;
+  border-color: #e3e3e3;
+}
+.bootstrap-4-backport .btn-gray-primary-400:hover {
+  color: #fff;
+  background-color: #4989b1;
+  border-color: #4989b1;
+}
+.bootstrap-4-backport .btn-gray-primary-400:focus, .bootstrap-4-backport .btn-gray-primary-400.focus {
+  box-shadow: 0 0 0 0.2rem rgba(73, 137, 177, 0.5);
+}
+.bootstrap-4-backport .btn-gray-primary-400.disabled, .bootstrap-4-backport .btn-gray-primary-400:disabled {
+  color: #4989b1;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-gray-primary-400:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-400:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-400.dropdown-toggle {
+  color: #fff;
+  background-color: #4989b1;
+  border-color: #4989b1;
+}
+.bootstrap-4-backport .btn-gray-primary-400:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-400:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-400.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(73, 137, 177, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-400 {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(255, 255, 255, 0);
+  color: #4989b1;
+}
+.bootstrap-4-backport .btn-transparent-primary-400:hover {
+  color: #212529;
+  background-color: rgba(236, 236, 236, 0);
+  border-color: rgba(230, 230, 230, 0);
+}
+.bootstrap-4-backport .btn-transparent-primary-400:focus, .bootstrap-4-backport .btn-transparent-primary-400.focus {
+  color: #212529;
+  background-color: rgba(236, 236, 236, 0);
+  border-color: rgba(230, 230, 230, 0);
+  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-400.disabled, .bootstrap-4-backport .btn-transparent-primary-400:disabled {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(255, 255, 255, 0);
+}
+.bootstrap-4-backport .btn-transparent-primary-400:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-400:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-400.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(230, 230, 230, 0);
+  border-color: #4989b1;
+}
+.bootstrap-4-backport .btn-transparent-primary-400:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-400:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-400.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-400:hover {
+  color: #3a6d8d;
+  box-shadow: unset;
+}
+.bootstrap-4-backport .btn-transparent-primary-400:active {
+  color: #325f7b;
+  box-shadow: unset;
+}
 .bootstrap-4-backport .btn-primary-500 {
   color: #fff;
-  background-color: #1d77af;
-  border-color: #1d77af;
+  background-color: #407ba0;
+  border-color: #407ba0;
 }
 .bootstrap-4-backport .btn-primary-500:hover {
   color: #fff;
-  background-color: #17608e;
-  border-color: #155983;
+  background-color: #356685;
+  border-color: #315f7c;
 }
 .bootstrap-4-backport .btn-primary-500:focus, .bootstrap-4-backport .btn-primary-500.focus {
   color: #fff;
-  background-color: #17608e;
-  border-color: #155983;
-  box-shadow: 0 0 0 0.2rem rgba(63, 139, 187, 0.5);
+  background-color: #356685;
+  border-color: #315f7c;
+  box-shadow: 0 0 0 0.2rem rgba(93, 143, 174, 0.5);
 }
 .bootstrap-4-backport .btn-primary-500.disabled, .bootstrap-4-backport .btn-primary-500:disabled {
   color: #fff;
-  background-color: #1d77af;
-  border-color: #1d77af;
+  background-color: #407ba0;
+  border-color: #407ba0;
 }
 .bootstrap-4-backport .btn-primary-500:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-500:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-500.dropdown-toggle {
   color: #fff;
-  background-color: #155983;
-  border-color: #145178;
+  background-color: #315f7c;
+  border-color: #2e5872;
 }
 .bootstrap-4-backport .btn-primary-500:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-500:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-500.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(63, 139, 187, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(93, 143, 174, 0.5);
 }
 .bootstrap-4-backport .btn-light-primary-500 {
   color: #212529;
@@ -9054,13 +9176,13 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
 }
 .bootstrap-4-backport .btn-light-primary-500:hover {
   color: #fff;
-  background-color: #1d77af;
-  border-color: #1d77af;
+  background-color: #407ba0;
+  border-color: #407ba0;
 }
 .bootstrap-4-backport .btn-light-primary-500:focus, .bootstrap-4-backport .btn-light-primary-500.focus {
   color: #fff;
-  background-color: #1d77af;
-  border-color: #1d77af;
+  background-color: #407ba0;
+  border-color: #407ba0;
   box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
 }
 .bootstrap-4-backport .btn-light-primary-500.disabled, .bootstrap-4-backport .btn-light-primary-500:disabled {
@@ -9070,43 +9192,43 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
 }
 .bootstrap-4-backport .btn-light-primary-500:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-500:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-500.dropdown-toggle {
   color: #fff;
-  background-color: #175f8c;
-  border-color: #14537a;
+  background-color: #336280;
+  border-color: #2d5670;
 }
 .bootstrap-4-backport .btn-light-primary-500:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-500:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-500.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
 }
 .bootstrap-4-backport .btn-gray-primary-500 {
-  color: #1d77af;
-  border-color: #1d77af;
+  color: #407ba0;
+  border-color: #407ba0;
   background-color: #f9f9f9;
   border-color: #e3e3e3;
 }
 .bootstrap-4-backport .btn-gray-primary-500:hover {
   color: #fff;
-  background-color: #1d77af;
-  border-color: #1d77af;
+  background-color: #407ba0;
+  border-color: #407ba0;
 }
 .bootstrap-4-backport .btn-gray-primary-500:focus, .bootstrap-4-backport .btn-gray-primary-500.focus {
-  box-shadow: 0 0 0 0.2rem rgba(29, 119, 175, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
 }
 .bootstrap-4-backport .btn-gray-primary-500.disabled, .bootstrap-4-backport .btn-gray-primary-500:disabled {
-  color: #1d77af;
+  color: #407ba0;
   background-color: transparent;
 }
 .bootstrap-4-backport .btn-gray-primary-500:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-500:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-500.dropdown-toggle {
   color: #fff;
-  background-color: #1d77af;
-  border-color: #1d77af;
+  background-color: #407ba0;
+  border-color: #407ba0;
 }
 .bootstrap-4-backport .btn-gray-primary-500:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-500:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-500.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(29, 119, 175, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
 }
 .bootstrap-4-backport .btn-transparent-primary-500 {
   color: #212529;
   background-color: rgba(255, 255, 255, 0);
   border-color: rgba(255, 255, 255, 0);
-  color: #1d77af;
+  color: #407ba0;
 }
 .bootstrap-4-backport .btn-transparent-primary-500:hover {
   color: #212529;
@@ -9127,17 +9249,139 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
 .bootstrap-4-backport .btn-transparent-primary-500:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-500:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-500.dropdown-toggle {
   color: #212529;
   background-color: rgba(230, 230, 230, 0);
-  border-color: #1d77af;
+  border-color: #407ba0;
 }
 .bootstrap-4-backport .btn-transparent-primary-500:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-500:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-500.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
 }
 .bootstrap-4-backport .btn-transparent-primary-500:hover {
-  color: #155983;
+  color: #315f7c;
   box-shadow: unset;
 }
 .bootstrap-4-backport .btn-transparent-primary-500:active {
-  color: #124a6d;
+  color: #2a5169;
+  box-shadow: unset;
+}
+.bootstrap-4-backport .btn-primary-600 {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-primary-600:hover {
+  color: #fff;
+  background-color: #2b5c7a;
+  border-color: #285571;
+}
+.bootstrap-4-backport .btn-primary-600:focus, .bootstrap-4-backport .btn-primary-600.focus {
+  color: #fff;
+  background-color: #2b5c7a;
+  border-color: #285571;
+  box-shadow: 0 0 0 0.2rem rgba(83, 134, 167, 0.5);
+}
+.bootstrap-4-backport .btn-primary-600.disabled, .bootstrap-4-backport .btn-primary-600:disabled {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-primary-600:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-600:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-600.dropdown-toggle {
+  color: #fff;
+  background-color: #285571;
+  border-color: #244e67;
+}
+.bootstrap-4-backport .btn-primary-600:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-600:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-600.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(83, 134, 167, 0.5);
+}
+.bootstrap-4-backport .btn-light-primary-600 {
+  color: #212529;
+  background-color: #dfdfdf;
+  border-color: #dfdfdf;
+}
+.bootstrap-4-backport .btn-light-primary-600:hover {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-light-primary-600:focus, .bootstrap-4-backport .btn-light-primary-600.focus {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+  box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
+}
+.bootstrap-4-backport .btn-light-primary-600.disabled, .bootstrap-4-backport .btn-light-primary-600:disabled {
+  color: #212529;
+  background-color: #dfdfdf;
+  border-color: #dfdfdf;
+}
+.bootstrap-4-backport .btn-light-primary-600:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-600:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-600.dropdown-toggle {
+  color: #fff;
+  background-color: #2a5a78;
+  border-color: #254f69;
+}
+.bootstrap-4-backport .btn-light-primary-600:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-600:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-600.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
+}
+.bootstrap-4-backport .btn-gray-primary-600 {
+  color: #357197;
+  border-color: #357197;
+  background-color: #f9f9f9;
+  border-color: #e3e3e3;
+}
+.bootstrap-4-backport .btn-gray-primary-600:hover {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-gray-primary-600:focus, .bootstrap-4-backport .btn-gray-primary-600.focus {
+  box-shadow: 0 0 0 0.2rem rgba(53, 113, 151, 0.5);
+}
+.bootstrap-4-backport .btn-gray-primary-600.disabled, .bootstrap-4-backport .btn-gray-primary-600:disabled {
+  color: #357197;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-gray-primary-600:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-600:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-600.dropdown-toggle {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-gray-primary-600:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-600:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-600.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(53, 113, 151, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-600 {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(255, 255, 255, 0);
+  color: #357197;
+}
+.bootstrap-4-backport .btn-transparent-primary-600:hover {
+  color: #212529;
+  background-color: rgba(236, 236, 236, 0);
+  border-color: rgba(230, 230, 230, 0);
+}
+.bootstrap-4-backport .btn-transparent-primary-600:focus, .bootstrap-4-backport .btn-transparent-primary-600.focus {
+  color: #212529;
+  background-color: rgba(236, 236, 236, 0);
+  border-color: rgba(230, 230, 230, 0);
+  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-600.disabled, .bootstrap-4-backport .btn-transparent-primary-600:disabled {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(255, 255, 255, 0);
+}
+.bootstrap-4-backport .btn-transparent-primary-600:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-600:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-600.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(230, 230, 230, 0);
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-transparent-primary-600:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-600:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-600.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-600:hover {
+  color: #285571;
+  box-shadow: unset;
+}
+.bootstrap-4-backport .btn-transparent-primary-600:active {
+  color: #21475e;
   box-shadow: unset;
 }
 .bootstrap-4-backport .btn-primary-700 {
@@ -9262,6 +9506,128 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
   color: #193c52;
   box-shadow: unset;
 }
+.bootstrap-4-backport .btn-primary-800 {
+  color: #fff;
+  background-color: #22638b;
+  border-color: #22638b;
+}
+.bootstrap-4-backport .btn-primary-800:hover {
+  color: #fff;
+  background-color: #1a4d6c;
+  border-color: #184662;
+}
+.bootstrap-4-backport .btn-primary-800:focus, .bootstrap-4-backport .btn-primary-800.focus {
+  color: #fff;
+  background-color: #1a4d6c;
+  border-color: #184662;
+  box-shadow: 0 0 0 0.2rem rgba(67, 122, 156, 0.5);
+}
+.bootstrap-4-backport .btn-primary-800.disabled, .bootstrap-4-backport .btn-primary-800:disabled {
+  color: #fff;
+  background-color: #22638b;
+  border-color: #22638b;
+}
+.bootstrap-4-backport .btn-primary-800:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-primary-800:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-primary-800.dropdown-toggle {
+  color: #fff;
+  background-color: #184662;
+  border-color: #153e58;
+}
+.bootstrap-4-backport .btn-primary-800:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-primary-800:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-primary-800.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(67, 122, 156, 0.5);
+}
+.bootstrap-4-backport .btn-light-primary-800 {
+  color: #212529;
+  background-color: #dfdfdf;
+  border-color: #dfdfdf;
+}
+.bootstrap-4-backport .btn-light-primary-800:hover {
+  color: #fff;
+  background-color: #22638b;
+  border-color: #22638b;
+}
+.bootstrap-4-backport .btn-light-primary-800:focus, .bootstrap-4-backport .btn-light-primary-800.focus {
+  color: #fff;
+  background-color: #22638b;
+  border-color: #22638b;
+  box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
+}
+.bootstrap-4-backport .btn-light-primary-800.disabled, .bootstrap-4-backport .btn-light-primary-800:disabled {
+  color: #212529;
+  background-color: #dfdfdf;
+  border-color: #dfdfdf;
+}
+.bootstrap-4-backport .btn-light-primary-800:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-light-primary-800:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-light-primary-800.dropdown-toggle {
+  color: #fff;
+  background-color: #1b4f6f;
+  border-color: #184561;
+}
+.bootstrap-4-backport .btn-light-primary-800:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-light-primary-800:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-light-primary-800.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(195, 195, 196, 0.5);
+}
+.bootstrap-4-backport .btn-gray-primary-800 {
+  color: #22638b;
+  border-color: #22638b;
+  background-color: #f9f9f9;
+  border-color: #e3e3e3;
+}
+.bootstrap-4-backport .btn-gray-primary-800:hover {
+  color: #fff;
+  background-color: #22638b;
+  border-color: #22638b;
+}
+.bootstrap-4-backport .btn-gray-primary-800:focus, .bootstrap-4-backport .btn-gray-primary-800.focus {
+  box-shadow: 0 0 0 0.2rem rgba(34, 99, 139, 0.5);
+}
+.bootstrap-4-backport .btn-gray-primary-800.disabled, .bootstrap-4-backport .btn-gray-primary-800:disabled {
+  color: #22638b;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-gray-primary-800:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-gray-primary-800:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-gray-primary-800.dropdown-toggle {
+  color: #fff;
+  background-color: #22638b;
+  border-color: #22638b;
+}
+.bootstrap-4-backport .btn-gray-primary-800:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-primary-800:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-primary-800.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(34, 99, 139, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-800 {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(255, 255, 255, 0);
+  color: #22638b;
+}
+.bootstrap-4-backport .btn-transparent-primary-800:hover {
+  color: #212529;
+  background-color: rgba(236, 236, 236, 0);
+  border-color: rgba(230, 230, 230, 0);
+}
+.bootstrap-4-backport .btn-transparent-primary-800:focus, .bootstrap-4-backport .btn-transparent-primary-800.focus {
+  color: #212529;
+  background-color: rgba(236, 236, 236, 0);
+  border-color: rgba(230, 230, 230, 0);
+  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-800.disabled, .bootstrap-4-backport .btn-transparent-primary-800:disabled {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(255, 255, 255, 0);
+}
+.bootstrap-4-backport .btn-transparent-primary-800:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-transparent-primary-800:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-transparent-primary-800.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(230, 230, 230, 0);
+  border-color: #22638b;
+}
+.bootstrap-4-backport .btn-transparent-primary-800:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-transparent-primary-800:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-transparent-primary-800.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
+}
+.bootstrap-4-backport .btn-transparent-primary-800:hover {
+  color: #184662;
+  box-shadow: unset;
+}
+.bootstrap-4-backport .btn-transparent-primary-800:active {
+  color: #13374e;
+  box-shadow: unset;
+}
 .bootstrap-4-backport .btn-primary-900 {
   color: #fff;
   background-color: #164c6e;
@@ -9496,6 +9862,78 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
 .bootstrap-4-backport .btn-gray-select:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-gray-select:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-gray-select.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(192, 193, 193, 0.5);
 }
+.bootstrap-4-backport .btn-sds-primary {
+  color: #fff;
+  background-color: #407ba0;
+  border-color: #407ba0;
+  border-radius: 0px;
+  font-weight: 900;
+}
+.bootstrap-4-backport .btn-sds-primary:hover {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+}
+.bootstrap-4-backport .btn-sds-primary:focus, .bootstrap-4-backport .btn-sds-primary.focus {
+  color: #fff;
+  background-color: #357197;
+  border-color: #357197;
+  box-shadow: 0 0 0 0.2rem rgba(93, 143, 174, 0.5);
+}
+.bootstrap-4-backport .btn-sds-primary.disabled, .bootstrap-4-backport .btn-sds-primary:disabled {
+  color: #fff;
+  background-color: #407ba0;
+  border-color: #407ba0;
+}
+.bootstrap-4-backport .btn-sds-primary:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-sds-primary:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-sds-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #2a678d;
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-sds-primary:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-sds-primary:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-sds-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(93, 143, 174, 0.5);
+}
+.bootstrap-4-backport .btn-sds-primary:hover {
+  box-shadow: none;
+}
+.bootstrap-4-backport .btn-sds-primary:disabled {
+  color: #aeb5bc;
+  background-color: #dfe2e6;
+  border-color: #dfe2e6;
+}
+.bootstrap-4-backport .btn-outline {
+  color: #407ba0;
+  border-color: #407ba0;
+  border-radius: 0px;
+  font-weight: 900;
+}
+.bootstrap-4-backport .btn-outline:hover {
+  color: #357197;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-outline:focus, .bootstrap-4-backport .btn-outline.focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-outline.disabled, .bootstrap-4-backport .btn-outline:disabled {
+  color: #407ba0;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-outline:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-outline:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-outline.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-outline:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-outline:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-outline.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-outline:hover {
+  box-shadow: none;
+}
+.bootstrap-4-backport .btn-outline:disabled {
+  color: #aeb5bc;
+  border-color: #dfe2e6;
+}
 
 .bootstrap-4-backport .alert > p, .bootstrap-4-backport .alert > ul {
   margin-bottom: 0;
@@ -15172,11 +15610,11 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
 .SRC-java-icon path,
 .SRC-r-icon path,
 .SRC-python-icon path {
-  fill: #1d77af;
+  fill: #407ba0;
 }
 
 .SRC-terminal-icon > rect.outer {
-  fill: #1d77af;
+  fill: #407ba0;
 }
 
 .styled-svg-wrapper span {
@@ -15204,24 +15642,24 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
 }
 .icon-list.themed path,
 .icon-list.themed circle {
-  fill: #1d77af;
+  fill: #407ba0;
 }
 .icon-list.themed .icon-kinomics path,
 .icon-list.themed .icon-proteomics path {
-  stroke: #1d77af;
+  stroke: #407ba0;
   fill: none;
 }
 .icon-list.themed.bg-circle .styled-svg-wrapper {
   display: inline-flex;
   padding: 2px;
-  background-color: rgba(29, 119, 175, 0.1);
+  background-color: rgba(64, 123, 160, 0.1);
   border-radius: 50%;
   margin: 0 2px;
 }
 
 .SRC-Sort-Icon-Active {
   padding: 2px;
-  background-color: #1d77af;
+  background-color: #407ba0;
 }
 .SRC-Sort-Icon-Active path {
   fill: white;
@@ -15231,7 +15669,7 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
   padding: 2px;
 }
 .SRC-Sort-Icon-Inactive path {
-  fill: #1d77af;
+  fill: #407ba0;
 }
 
 .HelpButton {
@@ -16323,7 +16761,7 @@ img.iconImg.SRC-datasetIcon {
 
 .QueryFilter {
   padding: 2rem;
-  background-color: rgba(29, 119, 175, 0.05);
+  background-color: rgba(64, 123, 160, 0.05);
 }
 .QueryFilter__title {
   font-weight: bold;
@@ -17296,52 +17734,53 @@ img.iconImg.SRC-datasetIcon {
   margin-top: 5px;
   margin-bottom: 10px;
 }
-.QueryWrapperPlotNav .TopLevelControls {
+.QueryWrapperPlotNav .SRC-portalCard:first-child {
+  margin-top: 0px;
+}
+.QueryWrapperPlotNav table.grip-flex {
+  width: 100% !important;
+  table-layout: auto;
+}
+.QueryWrapperPlotNav table .direct-download {
+  text-align: center;
+}
+
+.TopLevelControls {
   padding-top: 20px;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   margin-bottom: 15px;
 }
-.QueryWrapperPlotNav .TopLevelControls h3 {
+.TopLevelControls h3 {
   display: flex;
   justify-content: space-between;
   font-weight: bold;
   margin-top: 0px;
 }
-.QueryWrapperPlotNav .TopLevelControls__showhidefacetfilters {
+.TopLevelControls__showhidefacetfilters {
   display: none;
 }
-.QueryWrapperPlotNav .TopLevelControls .QueryWrapperPlotNav__querycount {
+.TopLevelControls__querycount {
   display: inline-flex;
   align-items: center;
 }
-.QueryWrapperPlotNav .TopLevelControls .QueryWrapperPlotNav__actions {
+.TopLevelControls__actions {
   display: inline-flex;
   align-items: center;
 }
-.QueryWrapperPlotNav .TopLevelControls .QueryWrapperPlotNav__actions .ElementWithTooltip {
+.TopLevelControls__actions .ElementWithTooltip {
   padding: 5px;
   margin: 0 1px;
   border: 0;
   border-radius: 0;
 }
-.QueryWrapperPlotNav .TopLevelControls .QueryWrapperPlotNav__actions .ElementWithTooltip:active:focus, .QueryWrapperPlotNav .TopLevelControls .QueryWrapperPlotNav__actions .ElementWithTooltip:focus {
+.TopLevelControls__actions .ElementWithTooltip:active:focus, .TopLevelControls__actions .ElementWithTooltip:focus {
   outline: none;
 }
-.QueryWrapperPlotNav .TopLevelControls .QueryWrapperPlotNav__actions .ElementWithTooltip svg {
+.TopLevelControls__actions .ElementWithTooltip svg {
   width: 26px;
   height: 26px;
 }
-.QueryWrapperPlotNav .SRC-portalCard:first-child {
-  margin-top: 0px;
-}
-.QueryWrapperPlotNav table.grip-flex {
-  width: 100% !important;
-  table-layout: auto;
-}
-.QueryWrapperPlotNav table .direct-download {
-  text-align: center;
-}
 
 .page-progress button,
 .page-progress button:active,
@@ -19009,13 +19448,13 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   width: 16px;
   height: 16px;
   background: none;
-  border: 1px solid #1d77af;
+  border: 1px solid #407ba0;
 }
 .SRC-Carousel .BrainhubCarousel__dots .BrainhubCarousel__dot--selected::before {
   width: 16px;
   height: 16px;
-  background-color: #1d77af;
-  border: 1px solid #1d77af;
+  background-color: #407ba0;
+  border: 1px solid #407ba0;
 }
 
 .terms-conditions .view-terms a,
@@ -19521,7 +19960,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   top: 1px;
 }
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -19627,7 +20066,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20034,7 +20473,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20219,7 +20658,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20350,7 +20789,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20506,7 +20945,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20650,7 +21089,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   margin-right: 10px;
 }
 .EntityFinderSelectionPane__Row__DeselectButton {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
 }
 
@@ -20737,12 +21176,14 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   max-width: 310px;
   text-overflow: ellipsis;
 }
-.DownloadListTableV2 thead > tr > th, .DownloadListTableV2 thead:first-child > tr:first-child > th {
+.DownloadListTableV2 thead > tr > th,
+.DownloadListTableV2 thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
-  border: 1px solid #DDDDDF;
+  border: 1px solid #dddddf;
   color: #515359;
 }
-.DownloadListTableV2 thead > tr > th span, .DownloadListTableV2 thead:first-child > tr:first-child > th span {
+.DownloadListTableV2 thead > tr > th span,
+.DownloadListTableV2 thead:first-child > tr:first-child > th span {
   display: inline-block;
   float: right;
 }
@@ -21116,6 +21557,9 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   max-width: 700px;
   grid-row: 1/span 1;
 }
+.FullWidthAlert[role=alert] .gridContainer .messageArea p {
+  margin-bottom: 0px;
+}
 .FullWidthAlert[role=alert] .gridContainer .iconForeground {
   color: white;
 }
@@ -21437,12 +21881,14 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   max-width: 800px;
 }
 
-.FavoritesTable thead > tr > th, .FavoritesTable thead:first-child > tr:first-child > th {
+.FavoritesTable thead > tr > th,
+.FavoritesTable thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
-  border: 1px solid #DDDDDF;
+  border: 1px solid #dddddf;
   color: #515359;
 }
-.FavoritesTable thead > tr > th span, .FavoritesTable thead:first-child > tr:first-child > th span {
+.FavoritesTable thead > tr > th span,
+.FavoritesTable thead:first-child > tr:first-child > th span {
   display: inline-block;
   float: right;
 }