synapse-react-client 2.0.56 → 2.0.60

package/dist/umd/synapse-react-client.production.styles.css

@@ -9974,6 +9974,9 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
     padding-bottom: 0.75rem;
   }
 }
+.bootstrap-4-backport .table-striped tbody tr:nth-of-type(odd) {
+  background-color: #fbfbfc;
+}
 
 .bootstrap-4-backport.fade {
   opacity: 1;
@@ -9990,7 +9993,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 {
@@ -15258,27 +15260,27 @@ a.dropdown-item.disabled {
 }
 
 .SRC-success-color {
-  color: #28a745;
+  color: #32a330;
 }
 
 .SRC-success-color-bg {
-  background-color: #28a745;
+  background-color: #32a330;
 }
 
 .SRC-warning-color {
-  color: #e0b603;
+  color: #cc9f00;
 }
 
 .SRC-warning-color-bg {
-  background-color: #e0b603;
+  background-color: #cc9f00;
 }
 
 .SRC-danger-color {
-  color: #eb5757;
+  color: #c13415;
 }
 
 .SRC-danger-color-bg {
-  background-color: #eb5757;
+  background-color: #c13415;
 }
 
 .container-fluid {
@@ -15448,6 +15450,29 @@ main .markdown .secondary-links a:not(.btn):hover, #rootPanel a:not(.btn):hover,
   border-bottom: 2px solid #2a678d;
   margin-bottom: 0px;
 }
+main a:not(.btn).disabled, main .bootstrap-4-backport a:not(.btn).disabled,
+main .markdown td a:not(.btn).disabled,
+main .markdown a.SRC-userCard:not(.btn).disabled,
+main .secondary-links a:not(.btn).disabled,
+main .markdown .secondary-links a:not(.btn).disabled, #rootPanel a:not(.btn).disabled, #rootPanel .bootstrap-4-backport a:not(.btn).disabled,
+#rootPanel .markdown td a:not(.btn).disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn).disabled,
+#rootPanel .secondary-links a:not(.btn).disabled,
+#rootPanel .markdown .secondary-links a:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main a:not(.btn).disabled:hover, main .bootstrap-4-backport a:not(.btn).disabled:hover,
+main .markdown td a:not(.btn).disabled:hover,
+main .markdown a.SRC-userCard:not(.btn).disabled:hover,
+main .secondary-links a:not(.btn).disabled:hover,
+main .markdown .secondary-links a:not(.btn).disabled:hover, #rootPanel a:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn).disabled:hover,
+#rootPanel .markdown td a:not(.btn).disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn).disabled:hover,
+#rootPanel .secondary-links a:not(.btn).disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main a:not(.btn):visited, main a:not(.btn):active, main a:not(.btn):link, main .bootstrap-4-backport a:not(.btn):visited, main .bootstrap-4-backport a:not(.btn):active, main .bootstrap-4-backport a:not(.btn):link,
 main .markdown td a:not(.btn):visited,
 main .markdown td a:not(.btn):active,
@@ -15507,6 +15532,61 @@ main .markdown .secondary-links a:not(.btn):link:hover, #rootPanel a:not(.btn):v
   border-bottom: 2px solid #2a678d;
   margin-bottom: 0px;
 }
+main a:not(.btn):visited.disabled, main a:not(.btn):active.disabled, main a:not(.btn):link.disabled, main .bootstrap-4-backport a:not(.btn):visited.disabled, main .bootstrap-4-backport a:not(.btn):active.disabled, main .bootstrap-4-backport a:not(.btn):link.disabled,
+main .markdown td a:not(.btn):visited.disabled,
+main .markdown td a:not(.btn):active.disabled,
+main .markdown td a:not(.btn):link.disabled,
+main .markdown a.SRC-userCard:not(.btn):visited.disabled,
+main .markdown a.SRC-userCard:not(.btn):active.disabled,
+main .markdown a.SRC-userCard:not(.btn):link.disabled,
+main .secondary-links a:not(.btn):visited.disabled,
+main .secondary-links a:not(.btn):active.disabled,
+main .secondary-links a:not(.btn):link.disabled,
+main .markdown .secondary-links a:not(.btn):visited.disabled,
+main .markdown .secondary-links a:not(.btn):active.disabled,
+main .markdown .secondary-links a:not(.btn):link.disabled, #rootPanel a:not(.btn):visited.disabled, #rootPanel a:not(.btn):active.disabled, #rootPanel a:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a:not(.btn):link.disabled,
+#rootPanel .markdown td a:not(.btn):visited.disabled,
+#rootPanel .markdown td a:not(.btn):active.disabled,
+#rootPanel .markdown td a:not(.btn):link.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):visited.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):active.disabled,
+#rootPanel .markdown a.SRC-userCard:not(.btn):link.disabled,
+#rootPanel .secondary-links a:not(.btn):visited.disabled,
+#rootPanel .secondary-links a:not(.btn):active.disabled,
+#rootPanel .secondary-links a:not(.btn):link.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):visited.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):active.disabled,
+#rootPanel .markdown .secondary-links a:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main a:not(.btn):visited.disabled:hover, main a:not(.btn):active.disabled:hover, main a:not(.btn):link.disabled:hover, main .bootstrap-4-backport a:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a:not(.btn):active.disabled:hover, main .bootstrap-4-backport a:not(.btn):link.disabled:hover,
+main .markdown td a:not(.btn):visited.disabled:hover,
+main .markdown td a:not(.btn):active.disabled:hover,
+main .markdown td a:not(.btn):link.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):visited.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):active.disabled:hover,
+main .markdown a.SRC-userCard:not(.btn):link.disabled:hover,
+main .secondary-links a:not(.btn):visited.disabled:hover,
+main .secondary-links a:not(.btn):active.disabled:hover,
+main .secondary-links a:not(.btn):link.disabled:hover,
+main .markdown .secondary-links a:not(.btn):visited.disabled:hover,
+main .markdown .secondary-links a:not(.btn):active.disabled:hover,
+main .markdown .secondary-links a:not(.btn):link.disabled:hover, #rootPanel a:not(.btn):visited.disabled:hover, #rootPanel a:not(.btn):active.disabled:hover, #rootPanel a:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a:not(.btn):link.disabled:hover,
+#rootPanel .markdown td a:not(.btn):visited.disabled:hover,
+#rootPanel .markdown td a:not(.btn):active.disabled:hover,
+#rootPanel .markdown td a:not(.btn):link.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):visited.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):active.disabled:hover,
+#rootPanel .markdown a.SRC-userCard:not(.btn):link.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):visited.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):active.disabled:hover,
+#rootPanel .secondary-links a:not(.btn):link.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):visited.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):active.disabled:hover,
+#rootPanel .markdown .secondary-links a:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .markdown a:not(.btn), main .SRC-userCardName a:not(.btn), main a.highlight-link:not(.btn),
 main details > summary:not(.btn), #rootPanel .markdown a:not(.btn), #rootPanel .SRC-userCardName a:not(.btn), #rootPanel a.highlight-link:not(.btn),
 #rootPanel details > summary:not(.btn) {
@@ -15522,6 +15602,17 @@ main details > summary:not(.btn):hover, #rootPanel .markdown a:not(.btn):hover,
   border-bottom: 2px solid #2a678d;
   margin-bottom: -1px;
 }
+main .markdown a:not(.btn).disabled, main .SRC-userCardName a:not(.btn).disabled, main a.highlight-link:not(.btn).disabled,
+main details > summary:not(.btn).disabled, #rootPanel .markdown a:not(.btn).disabled, #rootPanel .SRC-userCardName a:not(.btn).disabled, #rootPanel a.highlight-link:not(.btn).disabled,
+#rootPanel details > summary:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main .markdown a:not(.btn).disabled:hover, main .SRC-userCardName a:not(.btn).disabled:hover, main a.highlight-link:not(.btn).disabled:hover,
+main details > summary:not(.btn).disabled:hover, #rootPanel .markdown a:not(.btn).disabled:hover, #rootPanel .SRC-userCardName a:not(.btn).disabled:hover, #rootPanel a.highlight-link:not(.btn).disabled:hover,
+#rootPanel details > summary:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .markdown a:not(.btn):visited, main .markdown a:not(.btn):active, main .markdown a:not(.btn):link, main .SRC-userCardName a:not(.btn):visited, main .SRC-userCardName a:not(.btn):active, main .SRC-userCardName a:not(.btn):link, main a.highlight-link:not(.btn):visited, main a.highlight-link:not(.btn):active, main a.highlight-link:not(.btn):link,
 main details > summary:not(.btn):visited,
 main details > summary:not(.btn):active,
@@ -15545,6 +15636,25 @@ main details > summary:not(.btn):link:hover, #rootPanel .markdown a:not(.btn):vi
   border-bottom: 2px solid #2a678d;
   margin-bottom: -1px;
 }
+main .markdown a:not(.btn):visited.disabled, main .markdown a:not(.btn):active.disabled, main .markdown a:not(.btn):link.disabled, main .SRC-userCardName a:not(.btn):visited.disabled, main .SRC-userCardName a:not(.btn):active.disabled, main .SRC-userCardName a:not(.btn):link.disabled, main a.highlight-link:not(.btn):visited.disabled, main a.highlight-link:not(.btn):active.disabled, main a.highlight-link:not(.btn):link.disabled,
+main details > summary:not(.btn):visited.disabled,
+main details > summary:not(.btn):active.disabled,
+main details > summary:not(.btn):link.disabled, #rootPanel .markdown a:not(.btn):visited.disabled, #rootPanel .markdown a:not(.btn):active.disabled, #rootPanel .markdown a:not(.btn):link.disabled, #rootPanel .SRC-userCardName a:not(.btn):visited.disabled, #rootPanel .SRC-userCardName a:not(.btn):active.disabled, #rootPanel .SRC-userCardName a:not(.btn):link.disabled, #rootPanel a.highlight-link:not(.btn):visited.disabled, #rootPanel a.highlight-link:not(.btn):active.disabled, #rootPanel a.highlight-link:not(.btn):link.disabled,
+#rootPanel details > summary:not(.btn):visited.disabled,
+#rootPanel details > summary:not(.btn):active.disabled,
+#rootPanel details > summary:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main .markdown a:not(.btn):visited.disabled:hover, main .markdown a:not(.btn):active.disabled:hover, main .markdown a:not(.btn):link.disabled:hover, main .SRC-userCardName a:not(.btn):visited.disabled:hover, main .SRC-userCardName a:not(.btn):active.disabled:hover, main .SRC-userCardName a:not(.btn):link.disabled:hover, main a.highlight-link:not(.btn):visited.disabled:hover, main a.highlight-link:not(.btn):active.disabled:hover, main a.highlight-link:not(.btn):link.disabled:hover,
+main details > summary:not(.btn):visited.disabled:hover,
+main details > summary:not(.btn):active.disabled:hover,
+main details > summary:not(.btn):link.disabled:hover, #rootPanel .markdown a:not(.btn):visited.disabled:hover, #rootPanel .markdown a:not(.btn):active.disabled:hover, #rootPanel .markdown a:not(.btn):link.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):visited.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):active.disabled:hover, #rootPanel .SRC-userCardName a:not(.btn):link.disabled:hover, #rootPanel a.highlight-link:not(.btn):visited.disabled:hover, #rootPanel a.highlight-link:not(.btn):active.disabled:hover, #rootPanel a.highlight-link:not(.btn):link.disabled:hover,
+#rootPanel details > summary:not(.btn):visited.disabled:hover,
+#rootPanel details > summary:not(.btn):active.disabled:hover,
+#rootPanel details > summary:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main .dropdown a:not(.btn), main .nav-tabs a:not(.btn), main .dropdown-menu a:not(.btn), main .MuiDrawer-root a:not(.btn), #rootPanel .dropdown a:not(.btn), #rootPanel .nav-tabs a:not(.btn), #rootPanel .dropdown-menu a:not(.btn), #rootPanel .MuiDrawer-root a:not(.btn) {
   color: unset;
   text-decoration: unset;
@@ -15556,6 +15666,13 @@ main .dropdown a:not(.btn):hover, main .nav-tabs a:not(.btn):hover, main .dropdo
   border-bottom: unset;
   margin-bottom: unset;
 }
+main .dropdown a:not(.btn).disabled, main .nav-tabs a:not(.btn).disabled, main .dropdown-menu a:not(.btn).disabled, main .MuiDrawer-root a:not(.btn).disabled, #rootPanel .dropdown a:not(.btn).disabled, #rootPanel .nav-tabs a:not(.btn).disabled, #rootPanel .dropdown-menu a:not(.btn).disabled, #rootPanel .MuiDrawer-root a:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main .dropdown a:not(.btn).disabled:hover, main .nav-tabs a:not(.btn).disabled:hover, main .dropdown-menu a:not(.btn).disabled:hover, main .MuiDrawer-root a:not(.btn).disabled:hover, #rootPanel .dropdown a:not(.btn).disabled:hover, #rootPanel .nav-tabs a:not(.btn).disabled:hover, #rootPanel .dropdown-menu a:not(.btn).disabled:hover, #rootPanel .MuiDrawer-root a:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main * a.ignoreLink:not(.btn), main .bootstrap-4-backport a.ignoreLink:not(.btn), #rootPanel * a.ignoreLink:not(.btn), #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn) {
   color: unset;
   text-decoration: unset;
@@ -15567,6 +15684,13 @@ main * a.ignoreLink:not(.btn):hover, main .bootstrap-4-backport a.ignoreLink:not
   border-bottom: unset;
   margin-bottom: unset;
 }
+main * a.ignoreLink:not(.btn).disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled, #rootPanel * a.ignoreLink:not(.btn).disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled {
+  color: #aeb5bc;
+}
+main * a.ignoreLink:not(.btn).disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover, #rootPanel * a.ignoreLink:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 main * a.ignoreLink:not(.btn):visited, main * a.ignoreLink:not(.btn):active, main * a.ignoreLink:not(.btn):link, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited, main .bootstrap-4-backport a.ignoreLink:not(.btn):active, main .bootstrap-4-backport a.ignoreLink:not(.btn):link, #rootPanel * a.ignoreLink:not(.btn):visited, #rootPanel * a.ignoreLink:not(.btn):active, #rootPanel * a.ignoreLink:not(.btn):link, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link {
   color: unset;
   text-decoration: unset;
@@ -15578,6 +15702,13 @@ main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):activ
   border-bottom: unset;
   margin-bottom: unset;
 }
+main * a.ignoreLink:not(.btn):visited.disabled, main * a.ignoreLink:not(.btn):active.disabled, main * a.ignoreLink:not(.btn):link.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled, #rootPanel * a.ignoreLink:not(.btn):visited.disabled, #rootPanel * a.ignoreLink:not(.btn):active.disabled, #rootPanel * a.ignoreLink:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled {
+  color: #aeb5bc;
+}
+main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.btn):active.disabled:hover, main * a.ignoreLink:not(.btn):link.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 
 .searchInputWithIcon span {
   display: block;
@@ -18991,7 +19122,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   margin-right: 0.7rem;
 }
 .evaluation-round-editor .round-status .status-in-progress {
-  color: #35bf7d;
+  color: #32a330;
 }
 .evaluation-round-editor .round-status .status-in-progress .status {
   align-items: center;
@@ -19000,7 +19131,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   line-height: 1rem;
 }
 .evaluation-round-editor .round-status .status-completed svg {
-  color: #35bf7d;
+  color: #32a330;
 }
 .evaluation-round-editor .round-status .status-completed span {
   color: #ababac;
@@ -21119,10 +21250,10 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   cursor: pointer;
 }
 .EntityBadge__Badge.Valid {
-  color: #35bf7d;
+  color: #32a330;
 }
 .EntityBadge__Badge.Invalid {
-  color: #f0dc26;
+  color: #cc9f00;
 }
 .EntityBadge__Badge.Missing {
   color: #ababac;
@@ -21158,36 +21289,84 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
  */
-.DownloadListTableV2 {
+table.DownloadListTableV2 {
   white-space: pre;
+  border-collapse: separate;
 }
-.DownloadListTableV2 .ineligibileIcon {
-  padding-left: 15px;
-  padding-right: 5px;
-}
-.DownloadListTableV2 .eligibileIcon {
-  padding-right: 5px;
+table.DownloadListTableV2 .eligibileIcon {
+  color: #4a5056;
 }
-.DownloadListTableV2 .eligibileIcon svg {
+table.DownloadListTableV2 .eligibileIcon svg {
   width: 15px;
 }
-.DownloadListTableV2 tbody > tr > td:first-child {
+table.DownloadListTableV2 .ineligibileIcon {
+  color: #cc9f00;
+}
+table.DownloadListTableV2 .ineligibileIcon svg {
+  width: 18px;
+}
+table.DownloadListTableV2 .ineligibleForPackagingTd {
+  background-color: #F9F5E7;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th {
+  min-width: 120px;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th:first-child {
+  border-right: none;
+  min-width: unset;
+}
+table.DownloadListTableV2 thead:first-child > tr:first-child > th:nth-child(2) {
+  border-left: none;
+}
+table.DownloadListTableV2 tbody tr > td:first-child {
   overflow-x: hidden;
   max-width: 310px;
   text-overflow: ellipsis;
 }
-.DownloadListTableV2 thead > tr > th,
-.DownloadListTableV2 thead:first-child > tr:first-child > th {
+table.DownloadListTableV2 .stickyColumn {
+  right: 0;
+  position: sticky;
+  z-index: 800;
+}
+table.DownloadListTableV2 thead .stickyColumn {
+  text-align: center;
+}
+table.DownloadListTableV2 tbody tr > td.stickyColumn {
+  border-left: 1px solid #dfe2e6;
+}
+table.DownloadListTableV2 tbody tr:nth-of-type(even) > .stickyColumn {
+  background-color: white;
+}
+table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
+  background-color: #FBFBFC;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
+  color: #878e95;
+  display: grid;
+  grid-template-columns: repeat(2, 45px);
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
+  justify-self: center;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .downloadItem {
+  grid-column: 1/span 1;
+}
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .removeItem {
+  grid-column: 2/span 1;
+}
+table.DownloadListTableV2 thead > tr > th,
+table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
   border: 1px solid #dddddf;
-  color: #515359;
+  background-color: #f1f3f5;
+  color: #4a5056;
 }
-.DownloadListTableV2 thead > tr > th span,
-.DownloadListTableV2 thead:first-child > tr:first-child > th span {
+table.DownloadListTableV2 thead > tr > th span,
+table.DownloadListTableV2 thead:first-child > tr:first-child > th span {
   display: inline-block;
   float: right;
 }
-.DownloadListTableV2 td {
+table.DownloadListTableV2 td {
   vertical-align: middle !important;
 }
 
@@ -21199,13 +21378,14 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   font-weight: bold;
 }
 .DownloadDetailsV2 .item {
-  margin-right: 15px;
+  margin-right: 35px;
 }
 .DownloadDetailsV2 .item svg {
   margin-right: 5px;
+  margin-top: -4px;
 }
 .DownloadDetailsV2 .item #icon-packagableFile svg {
-  margin-bottom: -5px;
+  margin-top: 0px;
 }
 
 .Download-Link.v2 #SHOW_DOWNLOAD_TOOLTIP {
@@ -21442,6 +21622,20 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   padding: 30px 0px;
   background-color: #f9f9f9;
 }
+.DownloadCartPage .DownloadListTabContent .subSectionOverview {
+  display: flex;
+  column-gap: 10px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > * {
+  padding: 0px 50px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
+  border-right: 1px solid #D0D4D9;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
+  display: flex;
+  column-gap: 10px;
+}
 .DownloadCartPage__explore-all {
   text-align: center;
   padding-top: 20px;
@@ -21728,7 +21922,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   flex-grow: 1;
 }
 .bootstrap-4-backport .AnnotationEditor .AnnotationEditorForm .LabelContainer label span.required {
-  color: #c94281;
+  color: #c13415;
   margin-left: 2px;
 }
 .bootstrap-4-backport .AnnotationEditor .AnnotationEditorForm select {
@@ -21860,6 +22054,13 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   border-bottom: unset;
   margin-bottom: unset;
 }
+.SynapseNavContentDrawer .createProjectLink.disabled {
+  color: #aeb5bc;
+}
+.SynapseNavContentDrawer .createProjectLink.disabled:hover {
+  border-bottom: 1px solid #d6d6d6;
+  cursor: default;
+}
 
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus, .page-progress button,
@@ -21885,7 +22086,8 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 .FavoritesTable thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
   border: 1px solid #dddddf;
-  color: #515359;
+  background-color: #f1f3f5;
+  color: #4a5056;
 }
 .FavoritesTable thead > tr > th span,
 .FavoritesTable thead:first-child > tr:first-child > th span {
@@ -22081,6 +22283,7 @@ button:hover .SRC-column-light-theme .SRC-light-column {
 
 .PopoverContainer {
   display: inline-block;
+  cursor: pointer;
 }
 
 .terms-conditions .view-terms a,
@@ -22179,6 +22382,338 @@ 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;
+}
+
 body.reflex-col-resize {
   cursor: col-resize;
 }