Improving new study browser and moving studies services to ohif:studies

Packages/ohif-design/styles/common/global.styl

@@ -79,9 +79,6 @@ body .select2-container--default .select2-results>.select2-results__options
 .height-auto
   height: auto !important
 
-.full-width
-  width: 100%
-
 .caret-down
   display: inline-block
   width: 0
@@ -126,3 +123,38 @@ body .select2-container--default .select2-results>.select2-results__options
 
     &:hover span
       transform(rotate(180deg))
+
+.full-width
+  width: 100%
+
+.full-height
+  height: 100%
+
+.flex-h
+  display: flex
+  flex-direction: row
+
+.flex-v
+  display: flex
+  flex-direction: column
+
+.flex-grow
+  flex-grow: 1
+
+.scroll-area
+  overflow: hidden
+  position: relative
+
+  .scrollable
+    bottom: 0
+    left: 0
+    overflow: hidden
+    position: absolute
+    right: 0
+    top: 0
+
+    &.scroll-x
+      overflow-x: scroll
+
+    &.scroll-y
+      overflow-y: scroll