synapse-react-client 2.0.55 → 2.0.59

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;
@@ -9552,7 +9990,6 @@ html:not(#synapse\.org) .modal-content {
   padding: 5px 30px;
 }
 html:not(#synapse\.org) .modal-content .modal-header {
-  align-items: center;
   padding: 10px 0px;
 }
 html:not(#synapse\.org) .modal-content .modal-header button.close {
@@ -15172,11 +15609,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 +15641,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 +15668,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 +16760,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;
@@ -19010,13 +19447,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,
@@ -19522,7 +19959,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;
@@ -19628,7 +20065,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20035,7 +20472,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20220,7 +20657,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20351,7 +20788,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20507,7 +20944,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 }
 
 .EntityFinder__Search .ClearSearchIcon {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
   position: relative;
   left: -20px;
@@ -20651,7 +21088,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   margin-right: 10px;
 }
 .EntityFinderSelectionPane__Row__DeselectButton {
-  color: #1d77af;
+  color: #407ba0;
   cursor: pointer;
 }
 
@@ -20738,12 +21175,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;
 }
@@ -21117,6 +21556,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;
 }
@@ -21438,12 +21880,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;
 }
@@ -21734,4 +22178,336 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   padding-top: 15px;
 }
 
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus, .page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+
+/*
+  @param $color string e.g. #eee or red
+  @param $width unit e.g. 15%
+ */
+.DatasetEditor {
+  border: 1px solid #eaecee;
+}
+.DatasetEditor .DatasetEditorTopBottomPanel {
+  display: flex;
+  justify-content: flex-end;
+  gap: 7px;
+  width: 100%;
+  height: 70px;
+  background: #f9f9f9;
+  align-items: center;
+  padding: 15px 20px;
+}
+.DatasetEditor .DatasetEditorTopBottomPanel .ItemCount {
+  margin-right: auto;
+}
+.DatasetEditor .DatasetEditorTopBottomPanel .ItemCount p {
+  margin-bottom: 0;
+}
+.DatasetEditor .DatasetEditorTableContainer {
+  width: 100%;
+  overflow-x: auto;
+}
+.DatasetEditor .DatasetEditorTableContainer .DatasetEditorTable p {
+  margin-bottom: unset;
+}
+.DatasetEditor .DatasetItemsEditorSkeleton {
+  margin: 15px;
+}
+.DatasetEditor .NoItemsPlaceholder {
+  height: 350px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.DatasetEditor .NoItemsPlaceholder .AddItemsButton {
+  width: 150px;
+}
+.DatasetEditor .NoItemsPlaceholder .AddItemsButton span {
+  margin: 5px;
+}
+.DatasetEditor select.form-control {
+  margin-bottom: 0px;
+  width: 130px;
+}
+
+.EntityNameWithIconRenderer {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.EntityErrorRenderer {
+  color: #cc9f00;
+}
+.EntityErrorRenderer svg {
+  font-size: large;
+}
+
+.DatasetEditorTable {
+  box-shadow: 0 2px 4px 0 #eeeeee;
+  background-color: #ffffff;
+  position: relative;
+  box-sizing: border-box;
+  font-size: 14px;
+}
+.DatasetEditorTable--disabled {
+  opacity: 0.7;
+  pointer-events: none;
+}
+.DatasetEditorTable--dynamic .DatasetEditorTable__row {
+  overflow: hidden;
+  align-items: stretch;
+}
+.DatasetEditorTable:not(.DatasetEditorTable--dynamic) .DatasetEditorTable__row-cell-text,
+.DatasetEditorTable .DatasetEditorTable__row--frozen .DatasetEditorTable__row-cell-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.DatasetEditorTable__table {
+  background-color: #ffffff;
+  position: absolute;
+  top: 0;
+  display: flex;
+  flex-direction: column-reverse;
+}
+.DatasetEditorTable__table-main {
+  outline: 1px solid #eeeeee;
+  left: 0;
+}
+.DatasetEditorTable__table-main .DatasetEditorTable__header-cell:first-child, .DatasetEditorTable__table-main .DatasetEditorTable__row-cell:first-child {
+  padding-left: 5px;
+}
+.DatasetEditorTable__table-main .DatasetEditorTable__header-cell:last-child, .DatasetEditorTable__table-main .DatasetEditorTable__row-cell:last-child {
+  padding-right: 15px;
+}
+.DatasetEditorTable__table-main .DatasetEditorTable__header {
+  background-color: #f1f3f5;
+}
+.DatasetEditorTable__table-frozen-left .DatasetEditorTable__header,
+.DatasetEditorTable__table-frozen-left .DatasetEditorTable__body, .DatasetEditorTable__table-frozen-right .DatasetEditorTable__header,
+.DatasetEditorTable__table-frozen-right .DatasetEditorTable__body {
+  overflow: hidden !important;
+}
+.DatasetEditorTable__table-frozen-left {
+  box-shadow: 2px 0 4px 0 #eeeeee;
+  top: 0;
+  left: 0;
+}
+.DatasetEditorTable__table-frozen-left .DatasetEditorTable__header-cell:first-child, .DatasetEditorTable__table-frozen-left .DatasetEditorTable__row-cell:first-child {
+  padding-left: 5px;
+}
+.DatasetEditorTable__table-frozen-left .DatasetEditorTable__header-row,
+.DatasetEditorTable__table-frozen-left .DatasetEditorTable__row {
+  padding-right: 0 !important;
+}
+.DatasetEditorTable__table-frozen-left .DatasetEditorTable__body {
+  overflow-y: auto !important;
+}
+.DatasetEditorTable__table-frozen-right {
+  box-shadow: -2px 0 4px 0 #eeeeee;
+  top: 0;
+  right: 0;
+}
+.DatasetEditorTable__table-frozen-right .DatasetEditorTable__header-cell:last-child, .DatasetEditorTable__table-frozen-right .DatasetEditorTable__row-cell:last-child {
+  padding-right: 15px;
+}
+.DatasetEditorTable__table-frozen-right .DatasetEditorTable__header-row,
+.DatasetEditorTable__table-frozen-right .DatasetEditorTable__row {
+  padding-left: 0 !important;
+}
+.DatasetEditorTable__table-frozen-right .DatasetEditorTable__body {
+  overflow-y: auto !important;
+}
+.DatasetEditorTable__header {
+  overflow: hidden !important;
+}
+.DatasetEditorTable .DatasetEditorTable__header,
+.DatasetEditorTable .DatasetEditorTable__body {
+  outline: none;
+}
+.DatasetEditorTable__header-row, .DatasetEditorTable__row {
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #eeeeee;
+  box-sizing: border-box;
+}
+.DatasetEditorTable__header-row {
+  background-color: #f1f3f5;
+  font-weight: 700;
+}
+.DatasetEditorTable__row {
+  background-color: #ffffff;
+}
+.DatasetEditorTable__row:hover, .DatasetEditorTable__row--hovered {
+  background-color: unset;
+}
+.DatasetEditorTable__row-expanded {
+  border-bottom: 1px solid #eeeeee;
+}
+.DatasetEditorTable__header-cell, .DatasetEditorTable__row-cell {
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 7.5px;
+  box-sizing: border-box;
+}
+.DatasetEditorTable__header-cell--align-center, .DatasetEditorTable__row-cell--align-center {
+  justify-content: center;
+  text-align: center;
+}
+.DatasetEditorTable__header-cell--align-right, .DatasetEditorTable__row-cell--align-right {
+  justify-content: flex-end;
+  text-align: right;
+}
+.DatasetEditorTable__header-cell {
+  position: relative;
+  cursor: default;
+}
+.DatasetEditorTable__header-cell:hover .DatasetEditorTable__column-resizer {
+  visibility: visible;
+  opacity: 0.5;
+}
+.DatasetEditorTable__header-cell:hover .DatasetEditorTable__column-resizer:hover {
+  opacity: 1;
+}
+.DatasetEditorTable__header-cell .DatasetEditorTable__sort-indicator {
+  display: none;
+}
+.DatasetEditorTable__header-cell--sortable:hover {
+  background-color: #f3f3f3;
+  cursor: pointer;
+}
+.DatasetEditorTable__header-cell--sortable:not(.DatasetEditorTable__header-cell--sorting):hover .DatasetEditorTable__sort-indicator {
+  display: block;
+  color: #888888;
+}
+.DatasetEditorTable__header-cell--sorting .DatasetEditorTable__sort-indicator, .DatasetEditorTable__header-cell--sorting:hover .DatasetEditorTable__sort-indicator {
+  display: block;
+}
+.DatasetEditorTable__header-cell--resizing .DatasetEditorTable__column-resizer {
+  visibility: visible;
+  opacity: 1;
+}
+.DatasetEditorTable__header-cell--resizing .DatasetEditorTable__column-resizer::after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  content: "";
+  left: -9999px;
+}
+.DatasetEditorTable__header-cell-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+}
+.DatasetEditorTable__header-row--resizing .DatasetEditorTable__header-cell {
+  background-color: transparent;
+  cursor: col-resize;
+}
+.DatasetEditorTable__header-row--resizing .DatasetEditorTable__header-cell:not(.DatasetEditorTable__header-cell--sorting) .DatasetEditorTable__sort-indicator {
+  display: none;
+}
+.DatasetEditorTable__header-row--resizing .DatasetEditorTable__header-cell:not(.DatasetEditorTable__header-cell--resizing) .DatasetEditorTable__column-resizer {
+  visibility: hidden;
+}
+.DatasetEditorTable__column-resizer {
+  width: 3px;
+  visibility: hidden;
+  background-color: #cccccc;
+}
+.DatasetEditorTable__column-resizer:hover {
+  visibility: visible;
+  opacity: 1;
+}
+.DatasetEditorTable__footer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.DatasetEditorTable__resizing-line {
+  cursor: col-resize;
+  position: absolute;
+  top: 0;
+  background-color: #cccccc;
+  width: 3px;
+  transform: translateX(-100%);
+}
+.DatasetEditorTable__empty-layer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.DatasetEditorTable__overlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+.DatasetEditorTable__overlay > * {
+  pointer-events: auto;
+}
+
+.FluidModal .modal-dialog {
+  width: auto;
+  max-width: 90vw;
+}
+@media (max-height: 500px) {
+  .FluidModal .modal-dialog {
+    margin: 3vh auto;
+    margin-bottom: 0px;
+  }
+}
+.FluidModal .modal-dialog .modal-content {
+  border-radius: 0px;
+  min-height: 300px;
+}
+.FluidModal .modal-dialog .modal-content .modal-header {
+  min-height: 50px;
+  max-height: 65px;
+  height: 8vh;
+  margin: 15px 0px 5px;
+}
+.FluidModal .modal-dialog .modal-content .modal-body {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+@media (max-height: 600px) {
+  .FluidModal .modal-dialog .modal-content .modal-body {
+    max-height: 65vh;
+  }
+}
+.FluidModal .modal-dialog .modal-content .modal-footer {
+  min-height: 45px;
+  max-height: 60px;
+  height: 6vh;
+  margin-bottom: 15px;
+}
+.FluidModal .modal-dialog .modal-content .modal-footer .btn {
+  margin-bottom: 0;
+}
+
 /*# sourceMappingURL=main.css.map */