synapse-react-client 3.0.37 → 3.1.0

package/dist/umd/synapse-react-client.development.css

@@ -15233,6 +15233,10 @@ svg.SRC-hoverBox:hover:after {
 .table .SRC-primary-background-color-hover[aria-expanded=true] path {
   fill: #fff;
 }
+.table .SRC-primary-background-color svg,
+.table .SRC-primary-background-color path {
+  fill: #fff;
+}
 .SRC-grey-background-hover:hover,
 .SRC-grey-background-hover[aria-expanded=true] {
   background-color: #dfe2e6;
@@ -23374,11 +23378,18 @@ table.DownloadListTableV2 td {
   border: none;
 }
 .FullWidthAlert[role=alert].global {
-  width: 100%;
+  bottom: 2%;
+  left: 2%;
   position: fixed;
-  bottom: 0px;
-  left: 0px;
+  width: 96%;
   z-index: 2500;
+  filter: drop-shadow(3px 4px 9px #9e9e9e);
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  border-radius: 2px;
+  -o-border-radius: 2px;
+  -khtml-border-radius: 2px;
 }
 .FullWidthAlert[role=alert] .alert-link {
   color: inherit;
@@ -23427,6 +23438,9 @@ table.DownloadListTableV2 td {
   min-width: 50px;
   margin-right: 10px;
 }
+.FullWidthAlert[role=alert] .gridContainer .iconArea svg {
+  width: 26px;
+}
 .FullWidthAlert[role=alert] .gridContainer .mainContent {
   grid-row: 1/span 1;
   grid-column: 2/span 1;
@@ -23445,6 +23459,7 @@ table.DownloadListTableV2 td {
 .FullWidthAlert[role=alert] .gridContainer .buttonArea button {
   white-space: nowrap;
   margin-right: 15px;
+  padding: 10px 15px;
 }
 .FullWidthAlert[role=alert] .gridContainer .messageArea {
   width: 100%;
@@ -24992,6 +25007,41 @@ input[type=radio] + span {
 .react-flow__handle {
   height: 0px !important;
 }
+.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;
+}
+.CertificationQuiz .failBanner {
+  background-color: red;
+  color: white;
+  padding: 8px;
+}
+.CertificationQuiz__container {
+  border: solid 1px #ddd;
+  border-radius: 4px;
+  padding: 10px;
+}
+.CertificationQuiz__container a {
+  color: rgb(64, 123, 160);
+}
+.CertificationQuiz__container .help-button {
+  display: block;
+  margin-left: auto;
+  margin-right: 0;
+}
+.CertificationQuiz__container .incorrectQuestion {
+  color: #f44336;
+}
+.CertificationQuiz__container .question-choice {
+  font-weight: 400;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */