Progress

app/javascript/styles/global.css

@@ -220,6 +220,10 @@ body {
   margin: auto;
 }
 
+.margin1PX {
+  margin: 1px;
+}
+
 .displayNone {
   display: none;
 }
@@ -428,6 +432,10 @@ body {
   min-height: 100vh;
 }
 
+.heightMax80VH {
+  max-height: 80vh;
+}
+
 .heightMin50VH {
   min-height: 50vh;
 }
@@ -440,14 +448,26 @@ body {
   height: 100%;
 }
 
+.height24PX {
+  height: 24px;
+}
+
 .height22PX {
   height: 22px;
 }
 
+.height20PX {
+  height: 20px;
+}
+
 .height4PX {
   height: 4px;
 }
 
+.height1PX {
+  height: 1px;
+}
+
 .height50PX {
   height: 50px;
 }
@@ -496,6 +516,10 @@ body {
   width: 330px;
 }
 
+.width250PX {
+  width: 240px;
+}
+
 .width240PX {
   width: 240px;
 }
@@ -504,6 +528,14 @@ body {
   width: 72px;
 }
 
+.width50PX {
+  width: 50px;
+}
+
+.width20PX {
+  width: 20px;
+}
+
 .width100PC {
   width: 100%;
 }
@@ -932,4 +964,8 @@ body {
   content: '';
   display: block;
   position: absolute;
-} */
+} */
+
+.visibilityHidden {
+  visibility: hidden;
+}