Progress

app/javascript/styles/global.css

@@ -89,6 +89,10 @@ body {
   white-space: inherit;
 }
 
+.inheritFill {
+  fill: inherit;
+}
+
 .flexNormal {
   flex-basis: 0%;
   flex-grow: 1;
@@ -248,6 +252,10 @@ body {
   cursor: pointer
 }
 
+.cursorNotAllowed {
+  cursor: not-allowed;
+}
+
 .pointerEventsAuto>* {
   pointer-events: auto;
 }
@@ -300,6 +308,14 @@ body {
   background-color: rgba(54, 233, 145, 0.1);
 }
 
+.backgroundColorBlack {
+  background-color: #3B3B3B;
+}
+
+.backgroundColorBlackOpaque_onHover:hover {
+  background-color: rgba(59, 59, 59, 0.8);
+}
+
 .backgroundColorOpaque {
   background-color: rgba(0, 0, 0, 0.4);
 }
@@ -324,6 +340,10 @@ body {
   background-color: #38A16B;
 }
 
+.backgroundColorDanger {
+  background-color: #DE2960;
+}
+
 .colorPrimary {
   color: #000;
 }
@@ -356,6 +376,10 @@ body {
   fill: #fff;
 }
 
+.fillColorWhite_onHover:hover {
+  fill: #fff;
+}
+
 .fillColorBrand {
   fill: #21cf7a;
 }
@@ -761,6 +785,10 @@ body {
   margin-bottom: -5px;
 }
 
+.mt2 {
+  margin-top: 2px;
+}
+
 .mr2 {
   margin-right: 2px;
 }
@@ -909,6 +937,10 @@ body {
   opacity: 0;
 }
 
+.opacity05 {
+  opacity: 0.5;
+}
+
 .opacity1 {
   opacity: 1;
 }