diff --git a/assets/app/styles/_component-animations.less b/assets/app/styles/_component-animations.less
new file mode 100644
index 000000000000..af8294f21ac8
--- /dev/null
+++ b/assets/app/styles/_component-animations.less
@@ -0,0 +1,22 @@
+//
+// Component animations
+// --------------------------------------------------
+.show-hide.fade {
+  opacity: 0;
+  .transition(opacity 0.2s ease 0s);
+  &.in {
+    opacity: 1;
+  }
+}
+.collapse {
+  display: none;
+  &.in {
+    display: block;
+  }
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  .transition(height .10s ease);
+}
\ No newline at end of file
diff --git a/assets/app/styles/_core.less b/assets/app/styles/_core.less
index f8d163cda53f..dcce1e8957b3 100644
--- a/assets/app/styles/_core.less
+++ b/assets/app/styles/_core.less
@@ -342,37 +342,4 @@ select:invalid {
 }
 .input-number {
   width: 60px;
-}
-
-
-//
-// Component animations
-// --------------------------------------------------
-.fade {
-  opacity: 0;
-  .transition(opacity 0.2s ease 0s);
-  &.in {
-    opacity: 1;
-  }
-}
-.modal-backdrop {
-  &.fade {
-    transition: opacity 0.15s linear 0s;  
-
-    &.in {
-      opacity: 0.5;
-    }
-  }
-}
-.collapse {
-  display: none;
-  &.in {
-    display: block;
-  }
-}
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  .transition(height .10s ease);
-}
+}
\ No newline at end of file
diff --git a/assets/app/styles/_tile.less b/assets/app/styles/_tile.less
index a7bd1a09da20..0055c01a2a53 100644
--- a/assets/app/styles/_tile.less
+++ b/assets/app/styles/_tile.less
@@ -20,7 +20,7 @@
     .box-sizing(border-box);
     .tile-table-cell {
       display: table-cell;
-      vertical-align: middle;
+      vertical-align: top;
       &:first-child {
         width:55px;
       }
diff --git a/assets/app/styles/main.less b/assets/app/styles/main.less
index f027bcbbf211..bacc941b74f5 100644
--- a/assets/app/styles/main.less
+++ b/assets/app/styles/main.less
@@ -55,13 +55,14 @@
 ------------------------------------------------- */
 @import "_variables.less";
 @import "_mixins.less";
+@import "_buttons.less";
+@import "_component-animations.less";
+@import "_core.less";
 @import "_flexbox.less";
-@import "_openshift-logos-icon.less";
-@import "_openshift-icon.less";
-@import "_tile.less";
 @import "_messages.less";
-@import "_buttons.less";
+@import "_openshift-icon.less";
+@import "_openshift-logos-icon.less";
 @import "_pods.less";
 @import "_responsive-utilities.less";
 @import "_sidebar.less";
-@import "_core.less";
+@import "_tile.less";
diff --git a/assets/app/views/catalog/images.html b/assets/app/views/catalog/images.html
index f451e0401f77..4677e7d0b180 100644
--- a/assets/app/views/catalog/images.html
+++ b/assets/app/views/catalog/images.html
@@ -14,7 +14,8 @@ <h1>Select a builder image</h1>
       <div ng-if="!builders.length">There are no builder images to select from.  To add a builder to your project run <code>osc create -f &lt;image_repository_file&gt; -n {{projectName}}</code></div>
       <div ng-if="builders.length">
         <div class="row">
-          <catalog-image image-repo="builder.imageRepo" image-tag="builder.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat="builder in builders | orderBy : 'name'"></catalog-image>
+          <catalog-image image-repo="builder.imageRepo" image-tag="builder.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat-start="builder in builders | orderBy : 'name'"></catalog-image>
+          <div ng-repeat-end ng-if="($index % 3) == 2" class="clearfix"></div>
         </div>
       </div>
       <div click-to-reveal link-text="Don't see the image you are looking for?">
@@ -26,7 +27,8 @@ <h2>
           </span>
         </h2>
         <div class="row">
-          <catalog-image image-repo="image.imageRepo" image-tag="image.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat="image in images | orderBy : 'name'"></catalog-image>
+          <catalog-image image-repo="image.imageRepo" image-tag="image.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat-start="image in images | orderBy : 'name'"></catalog-image>
+          <div ng-repeat-end ng-if="($index % 3) == 2" class="clearfix"></div>
         </div>
       </div>      
     </div>
diff --git a/assets/app/views/catalog/templates.html b/assets/app/views/catalog/templates.html
index 2d14dafeb65c..1f22e5bc3ca6 100644
--- a/assets/app/views/catalog/templates.html
+++ b/assets/app/views/catalog/templates.html
@@ -14,7 +14,8 @@ <h1>Select a template</h1>
       <div ng-if="!templates.length">There are no templates to select from.  To add a template to your project run <code>osc create -f &lt;template_file&gt; -n {{projectName}}</code></div>
       <div ng-if="templates.length">
         <div class="row">
-          <catalog-template template="template" project="projectName" ng-repeat="template in templates | orderBy : 'metadata.name'"></catalog-template>
+          <catalog-template template="template" project="projectName" ng-repeat-start="template in templates | orderBy : 'metadata.name'"></catalog-template>
+          <div ng-repeat-end ng-if="($index % 3) == 2" class="clearfix"></div>
         </div>
       </div>
     </div>
diff --git a/pkg/assets/bindata.go b/pkg/assets/bindata.go
index 66c6b23ecc0e..67a984686556 100644
--- a/pkg/assets/bindata.go
+++ b/pkg/assets/bindata.go
@@ -10264,189 +10264,548 @@ h2,
 }
 /* OpenShift V3 
 ------------------------------------------------- */
-@font-face {
-  font-family: 'openshift-logos-icon';
-  src: url('../styles/fonts/openshift-logos-icon.eot');
-  src: url('../styles/fonts/openshift-logos-icon.eot?#iefix') format('embedded-opentype'), url('../styles/fonts/openshift-logos-icon.woff') format('woff'), url('../styles/fonts/openshift-logos-icon.ttf') format('truetype'), url('../styles/fonts/openshift-logos-icon.svg#openshift-logos-icon') format('svg');
+.btn-file {
+  position: relative;
+  overflow: hidden;
+}
+.btn-file input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  cursor: inherit;
+  display: block;
+}
+.show-hide.fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.2s ease 0s;
+  transition: opacity 0.2s ease 0s;
+}
+.show-hide.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+}
+.collapse.in {
+  display: block;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.1s ease;
+  transition: height 0.1s ease;
+}
+html,
+body {
+  height: 100%;
+}
+.console-os {
+  background-color: #f8f8f8;
+}
+.console-os #content-wrap {
+  height: 100%;
+}
+.console-os #content-wrap .content {
+  height: 100%;
+}
+.console-os .container-main {
+  background-color: #f8f8f8;
+  padding-bottom: 80px;
+  -webkit-flex: 1;
+  -moz-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+.console-os #content-wrap > .container {
+  margin-top: 35px;
+  margin-bottom: 80px;
+}
+.console-os #content-wrap > .container h1 {
+  margin-top: 10px;
+}
+.console-os .navbar {
+  border: none;
+  margin-bottom: 0;
+}
+.console-os .navbar-pf {
+  background: #34383c;
+}
+.console-os .navbar-pf .navbar-header {
+  border-bottom-color: #d3d6d9;
+}
+.console-os .navbar-pf .navbar-utility > li > a {
+  border: 0;
+  font-size: 12px;
+}
+.console-os .navbar-pf .navbar-brand {
+  border: 0;
+}
+.console-os .navbar-pf .navbar-brand img {
+  height: 11px;
+}
+.console-os .navbar-project {
+  border-bottom: 1px solid #dddddd;
+  padding-bottom: 5px;
+  position: relative;
+  background: #f1f1f1;
+  min-height: 85px;
+}
+.console-os .navbar-project .navbar-project-menu {
+  position: relative;
+  display: block;
+  top: 0;
+  margin: 0 20px;
+}
+.console-os .navbar-project label.control-label {
+  color: #4d4d4d;
+  font-size: 11px;
+  font-weight: 400;
+  margin: 8px 0 0 0;
+}
+.console-os .navbar-project .bootstrap-select > .btn {
+  width: 100%;
+  padding: 7px 25px 7px 10px;
+  font-size: 15px;
+  line-height: 1.66666667;
+  color: #333333;
+  font-weight: 400;
+  background: #ffffff;
+  border: 1px solid #b7b7b7;
+}
+.console-os .navbar-project .bootstrap-select > .btn .caret {
+  font-size: 20px;
+}
+.console-os .navbar-project .dropdown-menu.open .dropdown-menu.inner.selectpicker li a {
+  padding: 5px 10px;
+}
+.console-os .navbar-project .navbar-project-search {
+  display: inline-block;
+}
+.console-os .navbar-project .form-group {
+  margin-bottom: 0;
+}
+.console-os .navbar-project .form-group .form-control {
+  height: 41px;
+  margin-bottom: 0;
+}
+@media (min-width: 768px) {
+  .console-os .navbar-project .navbar-project-menu {
+    display: inline-block;
+    float: left;
+    width: 220px;
+  }
+  .console-os .navbar-project .navbar-search {
+    margin-left: 260px;
+  }
+}
+@media (min-width: 1200px) {
+  .console-os .navbar-project .navbar-project-menu {
+    width: 300px;
+  }
+  .console-os .navbar-project .navbar-search {
+    margin-left: 340px;
+  }
+}
+@media (min-width: 1600px) {
+  .console-os .navbar-project .navbar-project-menu {
+    width: 380px;
+  }
+  .console-os .navbar-project .navbar-search {
+    margin-left: 420px;
+  }
+}
+.dl-horizontal.left dt {
+  text-align: left;
   font-weight: normal;
-  font-style: normal;
 }
-/* Use the following CSS code if you want to use data attributes for inserting your icons */
-.logo[data-icon]:before {
-  font-family: 'openshift-logos-icon';
-  content: attr(data-icon);
-  speak: none;
+.create-from-template .template-name,
+.create-from-image .template-name {
+  text-align: right;
+}
+.create-from-template .template-name span.fa,
+.create-from-image .template-name span.fa {
+  font-size: 40px;
+}
+@media (min-width: 768px) {
+  .create-from-template .template-name span.fa,
+  .create-from-image .template-name span.fa {
+    font-size: 100px;
+  }
+}
+.create-from-template span.fa.visible-xs-inline,
+.create-from-image span.fa.visible-xs-inline {
+  margin-right: 10px;
+}
+.create-from-template .flow,
+.create-from-image .flow {
+  border-top: 1px solid rgba(0, 0, 0, 0.15);
+  display: table;
+  margin-top: 60px;
+  width: 100%;
+}
+.create-from-template .flow > .flow-block,
+.create-from-image .flow > .flow-block {
+  display: inline-block;
+}
+.create-from-template .flow > .flow-block.right,
+.create-from-image .flow > .flow-block.right {
+  font-size: 11px;
   font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
-/* Use the following CSS code if you want to have a class per icon */
-/*
-Instead of a list of all class selectors,
-you can use the generic selector below, but it's slower:
-[class*="icon-"]:before {
-*/
-.icon-github,
-.icon-git,
-.icon-openjdk,
-.icon-rails,
-.icon-php,
-.icon-ruby,
-.icon-django,
-.icon-nodejs,
-.icon-jenkins,
-.icon-python,
-.icon-go-gopher,
-.icon-perl,
-.icon-zend,
-.icon-jboss,
-.icon-tomcat,
-.icon-spring,
-.icon-mysql-database,
-.icon-postgresql,
-.icon-mongodb,
-.icon-mariadb,
-.icon-wordpress,
-.icon-drupal,
-.icon-codeigniter,
-.icon-shadowman,
-.icon-stackoverflow,
-.icon-aerogear,
-.icon-capedwarf,
-.icon-redis,
-.icon-play,
-.icon-clojure,
-.icon-scala,
-.icon-grails,
-.icon-grails,
-.icon-beaker,
-.icon-joomla,
-.icon-load-balancer,
-.icon-wildfly,
-.icon-laravel {
-  font-family: 'openshift-logos-icon';
-  speak: none;
-  font-style: normal;
+.create-from-template .flow > .flow-block .action,
+.create-from-image .flow > .flow-block .action {
+  font-size: 11px;
   font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
-.icon-github:before {
-  content: "\f101";
+.create-from-template .flow > .flow-block > ul.list-inline,
+.create-from-image .flow > .flow-block > ul.list-inline {
+  margin-bottom: 0;
 }
-.icon-git:before {
-  content: "\f102";
+.create-from-template .flow > .flow-block > ul.list-inline > li,
+.create-from-image .flow > .flow-block > ul.list-inline > li {
+  font-size: 11px;
+  text-align: left;
 }
-.icon-openjdk:before {
-  content: "\f103";
+@media (min-width: 767px) {
+  .create-from-template .flow > .flow-block,
+  .create-from-image .flow > .flow-block {
+    display: table-cell;
+  }
+  .create-from-template .flow > .flow-block.right,
+  .create-from-image .flow > .flow-block.right {
+    text-align: right;
+  }
 }
-.icon-rails:before {
-  content: "\f104";
+.label-list li:first-child,
+.env-variable-list li:first-child {
+  padding: 6px 0 0;
 }
-.icon-php:before {
-  content: "\f105";
+.label-list li .key,
+.env-variable-list li .key,
+.label-list li .value,
+.env-variable-list li .value {
+  display: inline-block;
+  margin: 0;
+  width: 44%;
 }
-.icon-ruby:before {
-  content: "\f106";
+.label-list li .key,
+.env-variable-list li .key {
+  margin-left: 2px;
 }
-.icon-django:before {
-  content: "\f107";
+.label-list li .btn,
+.env-variable-list li .btn {
+  vertical-align: top;
 }
-.icon-nodejs:before {
-  content: "\f108";
+.modal.modal-create .modal-content {
+  padding: 0;
 }
-.icon-jenkins:before {
-  content: "\f109";
+.modal.modal-create .modal-content .modal-header {
+  background-color: transparent;
 }
-.icon-python:before {
-  content: "\f110";
+.modal.modal-create .modal-content .modal-body .template-icon,
+.modal.modal-create .modal-content .modal-body .image-icon {
+  text-align: center;
 }
-.icon-go-gopher:before {
-  content: "\f111";
+.modal.modal-create .modal-content .modal-body .template-icon,
+.modal.modal-create .modal-content .modal-body .image-icon {
+  font-size: 80px;
+  line-height: 80px;
 }
-.icon-perl:before {
-  content: "\f112";
+@media (min-width: 768px) {
+  .modal.modal-create .modal-content .modal-body .template-icon,
+  .modal.modal-create .modal-content .modal-body .image-icon {
+    font-size: 130px;
+    line-height: 130px;
+  }
 }
-.icon-zend:before {
-  content: "\f113";
+.modal.modal-create .modal-content .modal-footer .btn-block {
+  padding: 10px;
 }
-.icon-jboss:before {
-  content: "\f114";
+@media (min-width: 768px) {
+  .modal.modal-create .modal-content {
+    padding: 25px;
+  }
 }
-.icon-tomcat:before {
-  content: "\f115";
+.label + .label {
+  margin-left: 3px;
 }
-.icon-spring:before {
-  content: "\f116";
+.action-inline {
+  margin-left: 5px;
+  font-size: 11px;
 }
-.icon-mysql-database:before {
-  content: "\f117";
+.action-inline i.pficon,
+.action-inline i.fa {
+  color: #4d5258;
+  margin-right: 5px;
 }
-.icon-postgresql:before {
-  content: "\f118";
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 0 4px;
 }
-.icon-mongodb:before {
-  content: "\f119";
+.btn-lg,
+.btn-group-lg > .btn,
+.btn-group-lg > .btn {
+  line-height: 1.334;
 }
-.icon-mariadb:before {
-  content: "\f120";
+code {
+  white-space: normal;
 }
-.icon-wordpress:before {
-  content: "\f121";
+.gutter-top-bottom {
+  padding: 20px 0;
 }
-.icon-drupal:before {
-  content: "\f122";
+.gutter-top-bottom.gutter-top-bottom-2x {
+  padding: 40px 0;
+}
+.gutter-top {
+  padding-top: 20px;
+}
+.gutter-top.gutter-top-2x {
+  padding-top: 40px;
+}
+.gutter-bottom {
+  padding-bottom: 20px;
+}
+.gutter-bottom.gutter-bottom-2x {
+  padding-bottom: 40px;
+}
+select:invalid {
+  box-shadow: none;
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.well h1:first-child,
+.well h2:first-child,
+.well h3:first-child,
+.well h4:first-child,
+.well h5:first-child {
+  margin-top: 0;
+}
+.attention-message {
+  background-color: #79cef2;
+  border: 1px solid #138cbf;
+  position: absolute;
+  top: 20%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 1em 1em 2em;
+  min-width: 85%;
+}
+.attention-message h1,
+.attention-message p {
+  text-align: center;
+}
+.learn-more-block {
+  display: block;
+  font-size: 11px;
+  font-weight: normal;
+}
+.short-id {
+  background-color: #f1f1f1;
+  color: #666;
+}
+.input-number {
+  width: 60px;
+}
+ul.messenger.messenger-theme-flat {
+  margin: 0;
+  padding: 0;
+  opacity: 1;
+  -webkit-transition: all 0.2s ease 0.2s;
+  transition: all 0.2s ease 0.2s;
+}
+ul.messenger.messenger-theme-flat > li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+ul.messenger.messenger-theme-flat .messenger-message:before,
+ul.messenger.messenger-theme-flat .messenger-message:after {
+  content: " ";
+  display: table;
+}
+ul.messenger.messenger-theme-flat .messenger-message:after {
+  clear: both;
+}
+ul.messenger.messenger-theme-flat .messenger-message:before,
+ul.messenger.messenger-theme-flat .messenger-message:after {
+  content: " ";
+  display: table;
+}
+ul.messenger.messenger-theme-flat .messenger-message:after {
+  clear: both;
+}
+ul.messenger.messenger-theme-flat .messenger-message.messenger-hidden {
+  display: none;
+}
+ul.messenger.messenger-theme-flat .messenger-message .messenger-actions {
+  float: right;
+}
+ul.messenger.messenger-theme-flat .messenger-message .messenger-actions a {
+  cursor: pointer;
+  text-decoration: underline;
+}
+ul.messenger.messenger-theme-flat .messenger-message ul,
+ul.messenger.messenger-theme-flat .messenger-message ol {
+  margin: 10px 18px 0;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed {
+  position: fixed;
+  z-index: 10000;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed .messenger-message {
+  min-width: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed .message .messenger-actions {
+  float: left;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top {
+  top: 20px;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom {
+  bottom: 20px;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top,
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom {
+  left: 50%;
+  width: 800px;
+  margin-left: -400px;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-right,
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-right {
+  right: 20px;
+  left: auto;
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-left,
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-left {
+  left: 20px;
+  margin-left: 0px;
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right,
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left {
+  width: 90%;
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right .messenger-actions,
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left .messenger-actions {
+  float: left;
+}
+@media (min-width: 768px) {
+  ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right {
+    width: 45%;
+  }
+}
+@media (min-width: 1200px) {
+  ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right {
+    width: 35%;
+  }
+}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-empty.messenger-fixed.messenger-on-bottom.messenger-on-right {
+  display: block;
+  opacity: 0;
+  bottom: 20%;
 }
-.icon-codeigniter:before {
-  content: "\f123";
+ul.messenger.messenger-theme-flat .messenger-spinner {
+  display: none;
 }
-.icon-shadowman:before {
-  content: "\f124";
+ul.messenger.messenger-theme-flat .messenger-clickable {
+  cursor: pointer;
 }
-.icon-stackoverflow:before {
-  content: "\f125";
+ul.messenger-theme-flat {
+  background-color: transparent;
+  border-radius: 4px;
 }
-.icon-aerogear:before {
-  content: "\f126";
+ul.messenger-theme-flat.messenger-empty {
+  display: none;
 }
-.icon-capedwarf:before {
-  content: "\f127";
+ul.messenger-theme-flat .messenger-message {
+  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
+  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
+  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
+  border-radius: 0px;
+  position: relative;
+  border: 0px;
+  margin-bottom: 0px;
+  font-size: 13px;
+  background: #222222;
+  color: #f0f0f0;
+  font-weight: 500;
+  padding: 10px 30px 13px 65px;
 }
-.icon-redis:before {
-  content: "\f128";
+ul.messenger-theme-flat .messenger-message:before,
+ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
+  font-size: 20px;
+  position: absolute;
+  left: 15px;
+  top: 50%;
+  margin-top: -10px;
+  font-family: 'PatternFlyIcons-webfont';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
-.icon-play:before {
-  content: "\f129";
+ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message,
+ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
+  -webkit-box-shadow: inset 50px 0px 0px #090909;
+  box-shadow: inset 50px 0px 0px #090909;
 }
-.icon-clojure:before {
-  content: "\f130";
+ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message {
+  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
+  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
+  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
 }
-.icon-scala:before {
-  content: "\f131";
+ul.messenger-theme-flat .messenger-message .messenger-actions a {
+  text-decoration: none;
+  color: #aaaaaa;
+  background: #2f2f2f;
 }
-.icon-grails:before {
-  content: "\f132";
+ul.messenger-theme-flat .messenger-message.alert-error:before {
+  content: "\e609";
+  color: #c90813;
 }
-.icon-beaker:before {
-  content: "\f133";
+ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
+  color: #fff;
+  content: "\e608";
+  background-color: transparent;
 }
-.icon-joomla:before {
-  content: "\f134";
+ul.messenger-theme-flat .messenger-message.alert-warning:before {
+  content: "\e60c";
+  color: #eb7720;
+  left: 14px;
+  margin-top: -11px;
 }
-.icon-wildfly:before {
-  content: "\f135";
+ul.messenger-theme-flat .messenger-message.alert-warning .messenger-message-inner:before {
+  color: #fff;
+  content: "\e608";
+  background-color: transparent;
 }
-.icon-load-balancer:before {
-  content: "\f136";
+ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
+  color: #5cb75c;
+  content: "\e602";
+  background-color: transparent;
 }
-.icon-laravel:before {
-  content: "\f137";
+ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
+  color: #27799c;
+  content: "\e604";
+  background-color: transparent;
 }
 @font-face {
   font-family: 'openshift-icon';
@@ -10848,305 +11207,189 @@ you can use the generic selector below, but it's slower:
 .font-icon.font-icon-inline {
   position: relative;
 }
-.tile {
-  background: #ffffff;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  padding: 10px 20px;
-  margin-bottom: 20px;
-  word-wrap: break-word;
-  width: 100%;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.tile h1,
-.tile h2,
-.tile h3 {
-  margin: 10.5px 0px;
-}
-.tile .tile-table {
-  display: table;
-  width: 100%;
-  height: 48px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.tile .tile-table .tile-table-cell {
-  display: table-cell;
-  vertical-align: middle;
-}
-.tile .tile-table .tile-table-cell:first-child {
-  width: 55px;
-}
-.tile .tile-table .tile-table-cell > p {
-  margin-bottom: 5px;
-  line-height: 1.33333334;
-}
-.tile .tile-table .tile-table-cell.template-icon {
-  text-align: center;
-}
-.tile .tile-table .font-icon.logo,
-.tile .tile-table .font-icon {
-  font-size: 33px;
-  line-height: normal;
-  text-shadow: 0 0 4px #FFFFFF;
-  opacity: .38;
-  vertical-align: bottom;
-}
-.tile .tile-table + p {
-  margin-top: 3px;
-  font-size: inherit;
-}
-.tile.tile-template a.label {
-  font-size: 11px;
-}
-.tile.tile-project h2 {
-  margin: 10px 0;
-}
-.tile.tile-status {
-  background-color: #e6ecf1;
-  border-top: 5px solid #bfcedb;
-  margin-top: 40px;
-}
-.tile-click {
-  cursor: pointer;
-  position: relative;
-}
-.tile-click:hover {
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-}
-.tile-click:hover .btn {
-  color: #000 !important;
-}
-.tile-click:hover .tile-target {
-  color: $openshiftBrightRed;
-}
-.tile-click:hover .tile-target:hover {
-  text-decoration: none;
-}
-.tile-click:hover .tile-table-cell > .font-icon,
-.tile-click:hover .font-icon.logo {
-  opacity: .75;
-}
-.label-tags a.label {
-  display: inline-block;
-  margin-right: 3px;
-  margin-top: -5px;
-}
-.label-tags a.label:hover {
-  color: #111;
-  background-color: #eee !important;
-}
-ul.messenger.messenger-theme-flat {
-  margin: 0;
-  padding: 0;
-  opacity: 1;
-  -webkit-transition: all 0.2s ease 0.2s;
-  transition: all 0.2s ease 0.2s;
+@font-face {
+  font-family: 'openshift-logos-icon';
+  src: url('../styles/fonts/openshift-logos-icon.eot');
+  src: url('../styles/fonts/openshift-logos-icon.eot?#iefix') format('embedded-opentype'), url('../styles/fonts/openshift-logos-icon.woff') format('woff'), url('../styles/fonts/openshift-logos-icon.ttf') format('truetype'), url('../styles/fonts/openshift-logos-icon.svg#openshift-logos-icon') format('svg');
+  font-weight: normal;
+  font-style: normal;
 }
-ul.messenger.messenger-theme-flat > li {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+.logo[data-icon]:before {
+  font-family: 'openshift-logos-icon';
+  content: attr(data-icon);
+  speak: none;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
-ul.messenger.messenger-theme-flat .messenger-message:before,
-ul.messenger.messenger-theme-flat .messenger-message:after {
-  content: " ";
-  display: table;
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"]:before {
+*/
+.icon-github,
+.icon-git,
+.icon-openjdk,
+.icon-rails,
+.icon-php,
+.icon-ruby,
+.icon-django,
+.icon-nodejs,
+.icon-jenkins,
+.icon-python,
+.icon-go-gopher,
+.icon-perl,
+.icon-zend,
+.icon-jboss,
+.icon-tomcat,
+.icon-spring,
+.icon-mysql-database,
+.icon-postgresql,
+.icon-mongodb,
+.icon-mariadb,
+.icon-wordpress,
+.icon-drupal,
+.icon-codeigniter,
+.icon-shadowman,
+.icon-stackoverflow,
+.icon-aerogear,
+.icon-capedwarf,
+.icon-redis,
+.icon-play,
+.icon-clojure,
+.icon-scala,
+.icon-grails,
+.icon-grails,
+.icon-beaker,
+.icon-joomla,
+.icon-load-balancer,
+.icon-wildfly,
+.icon-laravel {
+  font-family: 'openshift-logos-icon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
-ul.messenger.messenger-theme-flat .messenger-message:after {
-  clear: both;
+.icon-github:before {
+  content: "\f101";
 }
-ul.messenger.messenger-theme-flat .messenger-message:before,
-ul.messenger.messenger-theme-flat .messenger-message:after {
-  content: " ";
-  display: table;
+.icon-git:before {
+  content: "\f102";
 }
-ul.messenger.messenger-theme-flat .messenger-message:after {
-  clear: both;
+.icon-openjdk:before {
+  content: "\f103";
 }
-ul.messenger.messenger-theme-flat .messenger-message.messenger-hidden {
-  display: none;
+.icon-rails:before {
+  content: "\f104";
 }
-ul.messenger.messenger-theme-flat .messenger-message .messenger-actions {
-  float: right;
+.icon-php:before {
+  content: "\f105";
 }
-ul.messenger.messenger-theme-flat .messenger-message .messenger-actions a {
-  cursor: pointer;
-  text-decoration: underline;
+.icon-ruby:before {
+  content: "\f106";
 }
-ul.messenger.messenger-theme-flat .messenger-message ul,
-ul.messenger.messenger-theme-flat .messenger-message ol {
-  margin: 10px 18px 0;
+.icon-django:before {
+  content: "\f107";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed {
-  position: fixed;
-  z-index: 10000;
+.icon-nodejs:before {
+  content: "\f108";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed .messenger-message {
-  min-width: 0;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
+.icon-jenkins:before {
+  content: "\f109";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed .message .messenger-actions {
-  float: left;
+.icon-python:before {
+  content: "\f110";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top {
-  top: 20px;
+.icon-go-gopher:before {
+  content: "\f111";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom {
-  bottom: 20px;
+.icon-perl:before {
+  content: "\f112";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top,
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom {
-  left: 50%;
-  width: 800px;
-  margin-left: -400px;
+.icon-zend:before {
+  content: "\f113";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-right,
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-right {
-  right: 20px;
-  left: auto;
-  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
+.icon-jboss:before {
+  content: "\f114";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-left,
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-left {
-  left: 20px;
-  margin-left: 0px;
-  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
+.icon-tomcat:before {
+  content: "\f115";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right,
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left {
-  width: 90%;
+.icon-spring:before {
+  content: "\f116";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right .messenger-actions,
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left .messenger-actions {
-  float: left;
+.icon-mysql-database:before {
+  content: "\f117";
 }
-@media (min-width: 768px) {
-  ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right {
-    width: 45%;
-  }
+.icon-postgresql:before {
+  content: "\f118";
 }
-@media (min-width: 1200px) {
-  ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right {
-    width: 35%;
-  }
+.icon-mongodb:before {
+  content: "\f119";
 }
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-empty.messenger-fixed.messenger-on-bottom.messenger-on-right {
-  display: block;
-  opacity: 0;
-  bottom: 20%;
+.icon-mariadb:before {
+  content: "\f120";
 }
-ul.messenger.messenger-theme-flat .messenger-spinner {
-  display: none;
+.icon-wordpress:before {
+  content: "\f121";
 }
-ul.messenger.messenger-theme-flat .messenger-clickable {
-  cursor: pointer;
+.icon-drupal:before {
+  content: "\f122";
 }
-ul.messenger-theme-flat {
-  background-color: transparent;
-  border-radius: 4px;
+.icon-codeigniter:before {
+  content: "\f123";
 }
-ul.messenger-theme-flat.messenger-empty {
-  display: none;
+.icon-shadowman:before {
+  content: "\f124";
 }
-ul.messenger-theme-flat .messenger-message {
-  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
-  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
-  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
-  border-radius: 0px;
-  position: relative;
-  border: 0px;
-  margin-bottom: 0px;
-  font-size: 13px;
-  background: #222222;
-  color: #f0f0f0;
-  font-weight: 500;
-  padding: 10px 30px 13px 65px;
+.icon-stackoverflow:before {
+  content: "\f125";
 }
-ul.messenger-theme-flat .messenger-message:before,
-ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
-  font-size: 20px;
-  position: absolute;
-  left: 15px;
-  top: 50%;
-  margin-top: -10px;
-  font-family: 'PatternFlyIcons-webfont';
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.icon-aerogear:before {
+  content: "\f126";
 }
-ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message,
-ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
-  -webkit-box-shadow: inset 50px 0px 0px #090909;
-  box-shadow: inset 50px 0px 0px #090909;
+.icon-capedwarf:before {
+  content: "\f127";
 }
-ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message {
-  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
-  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
-  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px #090909;
+.icon-redis:before {
+  content: "\f128";
 }
-ul.messenger-theme-flat .messenger-message .messenger-actions a {
-  text-decoration: none;
-  color: #aaaaaa;
-  background: #2f2f2f;
+.icon-play:before {
+  content: "\f129";
 }
-ul.messenger-theme-flat .messenger-message.alert-error:before {
-  content: "\e609";
-  color: #c90813;
+.icon-clojure:before {
+  content: "\f130";
 }
-ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before {
-  color: #fff;
-  content: "\e608";
-  background-color: transparent;
+.icon-scala:before {
+  content: "\f131";
 }
-ul.messenger-theme-flat .messenger-message.alert-warning:before {
-  content: "\e60c";
-  color: #eb7720;
-  left: 14px;
-  margin-top: -11px;
+.icon-grails:before {
+  content: "\f132";
 }
-ul.messenger-theme-flat .messenger-message.alert-warning .messenger-message-inner:before {
-  color: #fff;
-  content: "\e608";
-  background-color: transparent;
+.icon-beaker:before {
+  content: "\f133";
 }
-ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
-  color: #5cb75c;
-  content: "\e602";
-  background-color: transparent;
+.icon-joomla:before {
+  content: "\f134";
 }
-ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
-  color: #27799c;
-  content: "\e604";
-  background-color: transparent;
+.icon-wildfly:before {
+  content: "\f135";
 }
-.btn-file {
-  position: relative;
-  overflow: hidden;
+.icon-load-balancer:before {
+  content: "\f136";
 }
-.btn-file input[type=file] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  cursor: inherit;
-  display: block;
+.icon-laravel:before {
+  content: "\f137";
 }
 .pod {
   padding: 10px;
@@ -11814,346 +12057,97 @@ ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:b
     flex: 0 0 30%;
   }
 }
-html,
-body {
-  height: 100%;
-}
-.console-os {
-  background-color: #f8f8f8;
-}
-.console-os #content-wrap {
-  height: 100%;
-}
-.console-os #content-wrap .content {
-  height: 100%;
-}
-.console-os .container-main {
-  background-color: #f8f8f8;
-  padding-bottom: 80px;
-  -webkit-flex: 1;
-  -moz-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.console-os #content-wrap > .container {
-  margin-top: 35px;
-  margin-bottom: 80px;
-}
-.console-os #content-wrap > .container h1 {
-  margin-top: 10px;
-}
-.console-os .navbar {
-  border: none;
-  margin-bottom: 0;
-}
-.console-os .navbar-pf {
-  background: #34383c;
-}
-.console-os .navbar-pf .navbar-header {
-  border-bottom-color: #d3d6d9;
-}
-.console-os .navbar-pf .navbar-utility > li > a {
-  border: 0;
-  font-size: 12px;
-}
-.console-os .navbar-pf .navbar-brand {
-  border: 0;
-}
-.console-os .navbar-pf .navbar-brand img {
-  height: 11px;
-}
-.console-os .navbar-project {
-  border-bottom: 1px solid #dddddd;
-  padding-bottom: 5px;
-  position: relative;
-  background: #f1f1f1;
-  min-height: 85px;
-}
-.console-os .navbar-project .navbar-project-menu {
-  position: relative;
-  display: block;
-  top: 0;
-  margin: 0 20px;
-}
-.console-os .navbar-project label.control-label {
-  color: #4d4d4d;
-  font-size: 11px;
-  font-weight: 400;
-  margin: 8px 0 0 0;
-}
-.console-os .navbar-project .bootstrap-select > .btn {
-  width: 100%;
-  padding: 7px 25px 7px 10px;
-  font-size: 15px;
-  line-height: 1.66666667;
-  color: #333333;
-  font-weight: 400;
+.tile {
   background: #ffffff;
-  border: 1px solid #b7b7b7;
-}
-.console-os .navbar-project .bootstrap-select > .btn .caret {
-  font-size: 20px;
-}
-.console-os .navbar-project .dropdown-menu.open .dropdown-menu.inner.selectpicker li a {
-  padding: 5px 10px;
-}
-.console-os .navbar-project .navbar-project-search {
-  display: inline-block;
-}
-.console-os .navbar-project .form-group {
-  margin-bottom: 0;
-}
-.console-os .navbar-project .form-group .form-control {
-  height: 41px;
-  margin-bottom: 0;
-}
-@media (min-width: 768px) {
-  .console-os .navbar-project .navbar-project-menu {
-    display: inline-block;
-    float: left;
-    width: 220px;
-  }
-  .console-os .navbar-project .navbar-search {
-    margin-left: 260px;
-  }
-}
-@media (min-width: 1200px) {
-  .console-os .navbar-project .navbar-project-menu {
-    width: 300px;
-  }
-  .console-os .navbar-project .navbar-search {
-    margin-left: 340px;
-  }
-}
-@media (min-width: 1600px) {
-  .console-os .navbar-project .navbar-project-menu {
-    width: 380px;
-  }
-  .console-os .navbar-project .navbar-search {
-    margin-left: 420px;
-  }
-}
-.dl-horizontal.left dt {
-  text-align: left;
-  font-weight: normal;
-}
-.create-from-template .template-name,
-.create-from-image .template-name {
-  text-align: right;
-}
-.create-from-template .template-name span.fa,
-.create-from-image .template-name span.fa {
-  font-size: 40px;
-}
-@media (min-width: 768px) {
-  .create-from-template .template-name span.fa,
-  .create-from-image .template-name span.fa {
-    font-size: 100px;
-  }
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  padding: 10px 20px;
+  margin-bottom: 20px;
+  word-wrap: break-word;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
-.create-from-template span.fa.visible-xs-inline,
-.create-from-image span.fa.visible-xs-inline {
-  margin-right: 10px;
+.tile h1,
+.tile h2,
+.tile h3 {
+  margin: 10.5px 0px;
 }
-.create-from-template .flow,
-.create-from-image .flow {
-  border-top: 1px solid rgba(0, 0, 0, 0.15);
+.tile .tile-table {
   display: table;
-  margin-top: 60px;
   width: 100%;
+  height: 48px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
-.create-from-template .flow > .flow-block,
-.create-from-image .flow > .flow-block {
-  display: inline-block;
-}
-.create-from-template .flow > .flow-block.right,
-.create-from-image .flow > .flow-block.right {
-  font-size: 11px;
-  font-weight: normal;
-}
-.create-from-template .flow > .flow-block .action,
-.create-from-image .flow > .flow-block .action {
-  font-size: 11px;
-  font-weight: normal;
-}
-.create-from-template .flow > .flow-block > ul.list-inline,
-.create-from-image .flow > .flow-block > ul.list-inline {
-  margin-bottom: 0;
-}
-.create-from-template .flow > .flow-block > ul.list-inline > li,
-.create-from-image .flow > .flow-block > ul.list-inline > li {
-  font-size: 11px;
-  text-align: left;
-}
-@media (min-width: 767px) {
-  .create-from-template .flow > .flow-block,
-  .create-from-image .flow > .flow-block {
-    display: table-cell;
-  }
-  .create-from-template .flow > .flow-block.right,
-  .create-from-image .flow > .flow-block.right {
-    text-align: right;
-  }
-}
-.label-list li:first-child,
-.env-variable-list li:first-child {
-  padding: 6px 0 0;
-}
-.label-list li .key,
-.env-variable-list li .key,
-.label-list li .value,
-.env-variable-list li .value {
-  display: inline-block;
-  margin: 0;
-  width: 44%;
-}
-.label-list li .key,
-.env-variable-list li .key {
-  margin-left: 2px;
-}
-.label-list li .btn,
-.env-variable-list li .btn {
+.tile .tile-table .tile-table-cell {
+  display: table-cell;
   vertical-align: top;
 }
-.modal.modal-create .modal-content {
-  padding: 0;
+.tile .tile-table .tile-table-cell:first-child {
+  width: 55px;
 }
-.modal.modal-create .modal-content .modal-header {
-  background-color: transparent;
+.tile .tile-table .tile-table-cell > p {
+  margin-bottom: 5px;
+  line-height: 1.33333334;
 }
-.modal.modal-create .modal-content .modal-body .template-icon,
-.modal.modal-create .modal-content .modal-body .image-icon {
+.tile .tile-table .tile-table-cell.template-icon {
   text-align: center;
 }
-.modal.modal-create .modal-content .modal-body .template-icon,
-.modal.modal-create .modal-content .modal-body .image-icon {
-  font-size: 80px;
-  line-height: 80px;
-}
-@media (min-width: 768px) {
-  .modal.modal-create .modal-content .modal-body .template-icon,
-  .modal.modal-create .modal-content .modal-body .image-icon {
-    font-size: 130px;
-    line-height: 130px;
-  }
-}
-.modal.modal-create .modal-content .modal-footer .btn-block {
-  padding: 10px;
-}
-@media (min-width: 768px) {
-  .modal.modal-create .modal-content {
-    padding: 25px;
-  }
+.tile .tile-table .font-icon.logo,
+.tile .tile-table .font-icon {
+  font-size: 33px;
+  line-height: normal;
+  text-shadow: 0 0 4px #FFFFFF;
+  opacity: .38;
+  vertical-align: bottom;
 }
-.label + .label {
-  margin-left: 3px;
+.tile .tile-table + p {
+  margin-top: 3px;
+  font-size: inherit;
 }
-.action-inline {
-  margin-left: 5px;
+.tile.tile-template a.label {
   font-size: 11px;
 }
-.action-inline i.pficon,
-.action-inline i.fa {
-  color: #4d5258;
-  margin-right: 5px;
-}
-.btn-xs,
-.btn-group-xs > .btn {
-  padding: 0 4px;
-}
-.btn-lg,
-.btn-group-lg > .btn,
-.btn-group-lg > .btn {
-  line-height: 1.334;
-}
-code {
-  white-space: normal;
-}
-.gutter-top-bottom {
-  padding: 20px 0;
-}
-.gutter-top-bottom.gutter-top-bottom-2x {
-  padding: 40px 0;
-}
-.gutter-top {
-  padding-top: 20px;
-}
-.gutter-top.gutter-top-2x {
-  padding-top: 40px;
-}
-.gutter-bottom {
-  padding-bottom: 20px;
-}
-.gutter-bottom.gutter-bottom-2x {
-  padding-bottom: 40px;
-}
-select:invalid {
-  box-shadow: none;
-}
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.well h1:first-child,
-.well h2:first-child,
-.well h3:first-child,
-.well h4:first-child,
-.well h5:first-child {
-  margin-top: 0;
-}
-.attention-message {
-  background-color: #79cef2;
-  border: 1px solid #138cbf;
-  position: absolute;
-  top: 20%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  padding: 1em 1em 2em;
-  min-width: 85%;
-}
-.attention-message h1,
-.attention-message p {
-  text-align: center;
-}
-.learn-more-block {
-  display: block;
-  font-size: 11px;
-  font-weight: normal;
+.tile.tile-project h2 {
+  margin: 10px 0;
 }
-.short-id {
-  background-color: #f1f1f1;
-  color: #666;
+.tile.tile-status {
+  background-color: #e6ecf1;
+  border-top: 5px solid #bfcedb;
+  margin-top: 40px;
 }
-.input-number {
-  width: 60px;
+.tile-click {
+  cursor: pointer;
+  position: relative;
 }
-.fade {
-  opacity: 0;
-  -webkit-transition: opacity 0.2s ease 0s;
-  transition: opacity 0.2s ease 0s;
+.tile-click:hover {
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
-.fade.in {
-  opacity: 1;
+.tile-click:hover .btn {
+  color: #000 !important;
 }
-.modal-backdrop.fade {
-  transition: opacity 0.15s linear 0s;
+.tile-click:hover .tile-target {
+  color: $openshiftBrightRed;
 }
-.modal-backdrop.fade.in {
-  opacity: 0.5;
+.tile-click:hover .tile-target:hover {
+  text-decoration: none;
 }
-.collapse {
-  display: none;
+.tile-click:hover .tile-table-cell > .font-icon,
+.tile-click:hover .font-icon.logo {
+  opacity: .75;
 }
-.collapse.in {
-  display: block;
+.label-tags a.label {
+  display: inline-block;
+  margin-right: 3px;
+  margin-top: -5px;
 }
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  -webkit-transition: height 0.1s ease;
-  transition: height 0.1s ease;
+.label-tags a.label:hover {
+  color: #111;
+  background-color: #eee !important;
 }
 `)
 
@@ -58416,6 +58410,8 @@ select[multiple].input-lg,textarea.input-lg{height:auto}
 .btn-block{display:block;width:100%;padding-left:0;padding-right:0}
 .btn-block+.btn-block{margin-top:5px}
 input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
+.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
+.fade.in{opacity:1}
 @font-face{font-family:'Glyphicons Halflings';src:url(../../components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot);src:url(../../components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../../components/bootstrap/dist/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../../components/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../../components/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
 .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 .glyphicon-asterisk:before{content:"\2a"}
@@ -60150,46 +60146,118 @@ to{transform:rotate(359deg)}}
 @media (min-width:767px){.page-header-bleed-left{margin-left:-20px}
 .page-header-bleed-right{margin-right:-20px}
 .page-header-bleed-right .actions{margin-right:20px}}
-@font-face{font-family:openshift-logos-icon;src:url(../styles/fonts/openshift-logos-icon.eot);src:url(../styles/fonts/openshift-logos-icon.eot?#iefix) format('embedded-opentype'),url(../styles/fonts/openshift-logos-icon.woff) format('woff'),url(../styles/fonts/openshift-logos-icon.ttf) format('truetype'),url(../styles/fonts/openshift-logos-icon.svg#openshift-logos-icon) format('svg');font-weight:400;font-style:normal}
-.logo[data-icon]:before{font-family:openshift-logos-icon;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.icon-aerogear,.icon-beaker,.icon-capedwarf,.icon-clojure,.icon-codeigniter,.icon-django,.icon-drupal,.icon-git,.icon-github,.icon-go-gopher,.icon-grails,.icon-jboss,.icon-jenkins,.icon-joomla,.icon-laravel,.icon-load-balancer,.icon-mariadb,.icon-mongodb,.icon-mysql-database,.icon-nodejs,.icon-openjdk,.icon-perl,.icon-php,.icon-play,.icon-postgresql,.icon-python,.icon-rails,.icon-redis,.icon-ruby,.icon-scala,.icon-shadowman,.icon-spring,.icon-stackoverflow,.icon-tomcat,.icon-wildfly,.icon-wordpress,.icon-zend{font-family:openshift-logos-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.icon-github:before{content:"\f101"}
-.icon-git:before{content:"\f102"}
-.icon-openjdk:before{content:"\f103"}
-.icon-rails:before{content:"\f104"}
-.icon-php:before{content:"\f105"}
-.icon-ruby:before{content:"\f106"}
-.icon-django:before{content:"\f107"}
-.icon-nodejs:before{content:"\f108"}
-.icon-jenkins:before{content:"\f109"}
-.icon-python:before{content:"\f110"}
-.icon-go-gopher:before{content:"\f111"}
-.icon-perl:before{content:"\f112"}
-.icon-zend:before{content:"\f113"}
-.icon-jboss:before{content:"\f114"}
-.icon-tomcat:before{content:"\f115"}
-.icon-spring:before{content:"\f116"}
-.icon-mysql-database:before{content:"\f117"}
-.icon-postgresql:before{content:"\f118"}
-.icon-mongodb:before{content:"\f119"}
-.icon-mariadb:before{content:"\f120"}
-.icon-wordpress:before{content:"\f121"}
-.icon-drupal:before{content:"\f122"}
-.icon-codeigniter:before{content:"\f123"}
-.icon-shadowman:before{content:"\f124"}
-.icon-stackoverflow:before{content:"\f125"}
-.icon-aerogear:before{content:"\f126"}
-.icon-capedwarf:before{content:"\f127"}
-.icon-redis:before{content:"\f128"}
-.icon-play:before{content:"\f129"}
-.icon-clojure:before{content:"\f130"}
-.icon-scala:before{content:"\f131"}
-.icon-grails:before{content:"\f132"}
-.icon-beaker:before{content:"\f133"}
-.icon-joomla:before{content:"\f134"}
-.icon-wildfly:before{content:"\f135"}
-.icon-load-balancer:before{content:"\f136"}
-.icon-laravel:before{content:"\f137"}
+.btn-file{position:relative;overflow:hidden}
+.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;cursor:inherit;display:block}
+.show-hide.fade{opacity:0;-webkit-transition:opacity .2s ease 0s;transition:opacity .2s ease 0s}
+.show-hide.fade.in{opacity:1}
+.collapse{display:none}
+.collapse.in{display:block}
+.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .1s ease;transition:height .1s ease}
+body,html{height:100%}
+.console-os{background-color:#f8f8f8}
+.console-os #content-wrap,.console-os #content-wrap .content{height:100%}
+.console-os .container-main{background-color:#f8f8f8;padding-bottom:80px;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
+.console-os #content-wrap>.container{margin-top:35px;margin-bottom:80px}
+.console-os #content-wrap>.container h1{margin-top:10px}
+.console-os .navbar{border:none;margin-bottom:0}
+.console-os .navbar-pf{background:#34383c}
+.console-os .navbar-pf .navbar-header{border-bottom-color:#d3d6d9}
+.console-os .navbar-pf .navbar-utility>li>a{border:0;font-size:12px}
+.console-os .navbar-pf .navbar-brand{border:0}
+.console-os .navbar-pf .navbar-brand img{height:11px}
+.console-os .navbar-project{border-bottom:1px solid #ddd;padding-bottom:5px;position:relative;background:#f1f1f1;min-height:85px}
+.console-os .navbar-project .navbar-project-menu{position:relative;display:block;top:0;margin:0 20px}
+.console-os .navbar-project label.control-label{color:#4d4d4d;font-size:11px;font-weight:400;margin:8px 0 0}
+.console-os .navbar-project .bootstrap-select>.btn{width:100%;padding:7px 25px 7px 10px;font-size:15px;line-height:1.66666667;color:#333;font-weight:400;background:#fff;border:1px solid #b7b7b7}
+.console-os .navbar-project .bootstrap-select>.btn .caret{font-size:20px}
+.console-os .navbar-project .dropdown-menu.open .dropdown-menu.inner.selectpicker li a{padding:5px 10px}
+.console-os .navbar-project .navbar-project-search{display:inline-block}
+.console-os .navbar-project .form-group{margin-bottom:0}
+.console-os .navbar-project .form-group .form-control{height:41px;margin-bottom:0}
+@media (min-width:768px){.console-os .navbar-project .navbar-project-menu{display:inline-block;float:left;width:220px}
+.console-os .navbar-project .navbar-search{margin-left:260px}}
+@media (min-width:1200px){.console-os .navbar-project .navbar-project-menu{width:300px}
+.console-os .navbar-project .navbar-search{margin-left:340px}}
+@media (min-width:1600px){.console-os .navbar-project .navbar-project-menu{width:380px}
+.console-os .navbar-project .navbar-search{margin-left:420px}}
+.dl-horizontal.left dt{text-align:left;font-weight:400}
+.create-from-image .template-name,.create-from-template .template-name{text-align:right}
+.create-from-image .template-name span.fa,.create-from-template .template-name span.fa{font-size:40px}
+@media (min-width:768px){.create-from-image .template-name span.fa,.create-from-template .template-name span.fa{font-size:100px}}
+.create-from-image span.fa.visible-xs-inline,.create-from-template span.fa.visible-xs-inline{margin-right:10px}
+.create-from-image .flow,.create-from-template .flow{border-top:1px solid rgba(0,0,0,.15);display:table;margin-top:60px;width:100%}
+.create-from-image .flow>.flow-block,.create-from-template .flow>.flow-block{display:inline-block}
+.create-from-image .flow>.flow-block .action,.create-from-image .flow>.flow-block.right,.create-from-template .flow>.flow-block .action,.create-from-template .flow>.flow-block.right{font-size:11px;font-weight:400}
+.create-from-image .flow>.flow-block>ul.list-inline,.create-from-template .flow>.flow-block>ul.list-inline{margin-bottom:0}
+.create-from-image .flow>.flow-block>ul.list-inline>li,.create-from-template .flow>.flow-block>ul.list-inline>li{font-size:11px;text-align:left}
+@media (min-width:767px){.create-from-image .flow>.flow-block,.create-from-template .flow>.flow-block{display:table-cell}
+.create-from-image .flow>.flow-block.right,.create-from-template .flow>.flow-block.right{text-align:right}}
+.env-variable-list li:first-child,.label-list li:first-child{padding:6px 0 0}
+.env-variable-list li .key,.env-variable-list li .value,.label-list li .key,.label-list li .value{display:inline-block;margin:0;width:44%}
+.env-variable-list li .key,.label-list li .key{margin-left:2px}
+.env-variable-list li .btn,.label-list li .btn{vertical-align:top}
+.modal.modal-create .modal-content{padding:0}
+.modal.modal-create .modal-content .modal-header{background-color:transparent}
+.modal.modal-create .modal-content .modal-body .image-icon,.modal.modal-create .modal-content .modal-body .template-icon{text-align:center;font-size:80px;line-height:80px}
+@media (min-width:768px){.modal.modal-create .modal-content .modal-body .image-icon,.modal.modal-create .modal-content .modal-body .template-icon{font-size:130px;line-height:130px}}
+.modal.modal-create .modal-content .modal-footer .btn-block{padding:10px}
+@media (min-width:768px){.modal.modal-create .modal-content{padding:25px}}
+.label+.label{margin-left:3px}
+.action-inline{margin-left:5px;font-size:11px}
+.action-inline i.fa,.action-inline i.pficon{color:#4d5258;margin-right:5px}
+.btn-group-xs>.btn,.btn-xs{padding:0 4px}
+.btn-group-lg>.btn,.btn-lg{line-height:1.334}
+code{white-space:normal}
+.gutter-top-bottom{padding:20px 0}
+.gutter-top-bottom.gutter-top-bottom-2x{padding:40px 0}
+.gutter-top{padding-top:20px}
+.gutter-top.gutter-top-2x{padding-top:40px}
+.gutter-bottom{padding-bottom:20px}
+.gutter-bottom.gutter-bottom-2x{padding-bottom:40px}
+select:invalid{box-shadow:none}
+.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.well h1:first-child,.well h2:first-child,.well h3:first-child,.well h4:first-child,.well h5:first-child{margin-top:0}
+.attention-message{background-color:#79cef2;border:1px solid #138cbf;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);padding:1em 1em 2em;min-width:85%}
+.attention-message h1,.attention-message p{text-align:center}
+.learn-more-block{display:block;font-size:11px;font-weight:400}
+.short-id{background-color:#f1f1f1;color:#666}
+.input-number{width:60px}
+ul.messenger.messenger-theme-flat{margin:0;padding:0;opacity:1;-webkit-transition:all .2s ease .2s;transition:all .2s ease .2s}
+ul.messenger.messenger-theme-flat>li{list-style:none;margin:0;padding:0}
+ul.messenger.messenger-theme-flat .messenger-message:after,ul.messenger.messenger-theme-flat .messenger-message:before{content:" ";display:table}
+ul.messenger.messenger-theme-flat .messenger-message:after{clear:both}
+ul.messenger.messenger-theme-flat .messenger-message.messenger-hidden{display:none}
+ul.messenger.messenger-theme-flat .messenger-message .messenger-actions{float:right}
+ul.messenger.messenger-theme-flat .messenger-message .messenger-actions a{cursor:pointer;text-decoration:underline}
+ul.messenger.messenger-theme-flat .messenger-message ol,ul.messenger.messenger-theme-flat .messenger-message ul{margin:10px 18px 0}
+ul.messenger.messenger-theme-flat.messenger-fixed{position:fixed;z-index:10000}
+ul.messenger.messenger-theme-flat.messenger-fixed .messenger-message{min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+ul.messenger.messenger-theme-flat.messenger-fixed .message .messenger-actions{float:left}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top{top:20px}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom{bottom:20px}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top{left:50%;width:800px;margin-left:-400px}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-right,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-right{right:20px;left:auto;box-shadow:2px 2px 6px rgba(0,0,0,.3)}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-left,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-left{left:20px;margin-left:0;box-shadow:2px 2px 6px rgba(0,0,0,.3)}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right{width:90%}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left .messenger-actions,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right .messenger-actions{float:left}
+@media (min-width:768px){ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right{width:45%}}
+@media (min-width:1200px){ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right{width:35%}}
+ul.messenger.messenger-theme-flat.messenger-fixed.messenger-empty.messenger-fixed.messenger-on-bottom.messenger-on-right{display:block;opacity:0;bottom:20%}
+ul.messenger.messenger-theme-flat .messenger-spinner{display:none}
+ul.messenger.messenger-theme-flat .messenger-clickable{cursor:pointer}
+ul.messenger-theme-flat{background-color:transparent;border-radius:4px}
+ul.messenger-theme-flat.messenger-empty{display:none}
+ul.messenger-theme-flat .messenger-message{-webkit-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;-moz-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;border-radius:0;position:relative;border:0;margin-bottom:0;font-size:13px;background:#222;color:#f0f0f0;font-weight:500;padding:10px 30px 13px 65px}
+ul.messenger-theme-flat .messenger-message .messenger-message-inner:before,ul.messenger-theme-flat .messenger-message:before{font-size:20px;position:absolute;left:15px;top:50%;margin-top:-10px;font-family:PatternFlyIcons-webfont;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message,ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message{-webkit-box-shadow:inset 50px 0 0 #090909;box-shadow:inset 50px 0 0 #090909}
+ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message{-webkit-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;-moz-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909}
+ul.messenger-theme-flat .messenger-message .messenger-actions a{text-decoration:none;color:#aaa;background:#2f2f2f}
+ul.messenger-theme-flat .messenger-message.alert-error:before{content:"\e609";color:#c90813}
+ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before{color:#fff;content:"\e608";background-color:transparent}
+ul.messenger-theme-flat .messenger-message.alert-warning:before{content:"\e60c";color:#eb7720;left:14px;margin-top:-11px}
+ul.messenger-theme-flat .messenger-message.alert-warning .messenger-message-inner:before{color:#fff;content:"\e608";background-color:transparent}
+ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before{color:#5cb75c;content:"\e602";background-color:transparent}
+ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before{color:#27799c;content:"\e604";background-color:transparent}
 @font-face{font-family:openshift-icon;src:url(../styles/fonts/openshift-icon.eot);src:url(../styles/fonts/openshift-icon.eot?#iefix) format('embedded-opentype'),url(../styles/fonts/openshift-icon.woff) format('woff'),url(../styles/fonts/openshift-icon.ttf) format('truetype'),url(../styles/fonts/openshift-icon.svg#openshift-icon) format('svg');font-weight:400;font-style:normal}
 [data-icon]:before{font-family:openshift-icon;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 .icon-angle-down,.icon-angle-left,.icon-angle-right,.icon-angle-up,.icon-app-box,.icon-app-code,.icon-arrow-lg-right,.icon-arrow-sm-down,.icon-arrow-sm-left,.icon-arrow-sm-right,.icon-arrow-sm-up,.icon-ban-circle,.icon-bolt,.icon-bubbles,.icon-bug,.icon-busy,.icon-calendar,.icon-cartridge-cloud,.icon-cartridge-cloud2,.icon-cartridge-custom,.icon-cartridge-part1,.icon-cartridge-part2,.icon-cartridge-revised,.icon-check,.icon-check-empty,.icon-ci-arrows,.icon-ci-check,.icon-ci-disabled,.icon-ci-x,.icon-cloud,.icon-cloud-download,.icon-cloud-upload,.icon-code,.icon-cogs,.icon-colocation2,.icon-copy-clipboard,.icon-credit,.icon-data-store-part1,.icon-data-store-part2,.icon-database,.icon-dollar,.icon-domain2,.icon-download-alt,.icon-dyi-hammer,.icon-equalizer,.icon-euro,.icon-facebook,.icon-gear-lg,.icon-gear-lg-sans-circle,.icon-gear-number-circle,.icon-gear-sm,.icon-gear-sm-sans-circle,.icon-globe,.icon-google-plus,.icon-info-sign,.icon-list-ol,.icon-lock,.icon-management-part1,.icon-management-part2,.icon-minus,.icon-non-scalable-part1,.icon-non-scalable-part2,.icon-ok,.icon-outgoing-link,.icon-pencil,.icon-plus,.icon-question-sign,.icon-quickstart,.icon-remove,.icon-remove-circle,.icon-restart,.icon-scalable-part1,.icon-scalable-part2,.icon-search,.icon-shield,.icon-star-empty,.icon-start,.icon-stop,.icon-system-lg,.icon-system-signal-lg,.icon-tasks,.icon-time,.icon-twitter,.icon-unlock,.icon-user,.icon-users,.icon-warning-sign{font-family:openshift-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@@ -60284,64 +60352,46 @@ to{transform:rotate(359deg)}}
 .font-icon-block .font-icon:nth-child(n+2){position:absolute;left:0;top:0;text-shadow:none}
 .font-icon{display:inline-block;top:0}
 .font-icon.font-icon-inline{position:relative}
-.tile{background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 20px;margin-bottom:20px;word-wrap:break-word;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-.tile h1,.tile h2,.tile h3{margin:10.5px 0}
-.tile .tile-table{display:table;width:100%;height:48px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-.tile .tile-table .tile-table-cell{display:table-cell;vertical-align:middle}
-.tile .tile-table .tile-table-cell:first-child{width:55px}
-.tile .tile-table .tile-table-cell>p{margin-bottom:5px;line-height:1.33333334}
-.tile .tile-table .tile-table-cell.template-icon{text-align:center}
-.tile .tile-table .font-icon,.tile .tile-table .font-icon.logo{font-size:33px;line-height:normal;text-shadow:0 0 4px #FFF;opacity:.38;vertical-align:bottom}
-.tile .tile-table+p{margin-top:3px;font-size:inherit}
-.tile.tile-template a.label{font-size:11px}
-.tile.tile-project h2{margin:10px 0}
-.tile.tile-status{background-color:#e6ecf1;border-top:5px solid #bfcedb;margin-top:40px}
-.tile-click{cursor:pointer;position:relative}
-.tile-click:hover{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}
-.tile-click:hover .btn{color:#000!important}
-.tile-click:hover .tile-target{color:$openshiftBrightRed}
-.tile-click:hover .tile-target:hover{text-decoration:none}
-.tile-click:hover .font-icon.logo,.tile-click:hover .tile-table-cell>.font-icon{opacity:.75}
-.label-tags a.label{display:inline-block;margin-right:3px;margin-top:-5px}
-.label-tags a.label:hover{color:#111;background-color:#eee!important}
-ul.messenger.messenger-theme-flat{margin:0;padding:0;opacity:1;-webkit-transition:all .2s ease .2s;transition:all .2s ease .2s}
-ul.messenger.messenger-theme-flat>li{list-style:none;margin:0;padding:0}
-ul.messenger.messenger-theme-flat .messenger-message:after,ul.messenger.messenger-theme-flat .messenger-message:before{content:" ";display:table}
-ul.messenger.messenger-theme-flat .messenger-message:after{clear:both}
-ul.messenger.messenger-theme-flat .messenger-message.messenger-hidden{display:none}
-ul.messenger.messenger-theme-flat .messenger-message .messenger-actions{float:right}
-ul.messenger.messenger-theme-flat .messenger-message .messenger-actions a{cursor:pointer;text-decoration:underline}
-ul.messenger.messenger-theme-flat .messenger-message ol,ul.messenger.messenger-theme-flat .messenger-message ul{margin:10px 18px 0}
-ul.messenger.messenger-theme-flat.messenger-fixed{position:fixed;z-index:10000}
-ul.messenger.messenger-theme-flat.messenger-fixed .messenger-message{min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-ul.messenger.messenger-theme-flat.messenger-fixed .message .messenger-actions{float:left}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top{top:20px}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom{bottom:20px}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top{left:50%;width:800px;margin-left:-400px}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-right,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-right{right:20px;left:auto;box-shadow:2px 2px 6px rgba(0,0,0,.3)}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-bottom.messenger-on-left,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-top.messenger-on-left{left:20px;margin-left:0;box-shadow:2px 2px 6px rgba(0,0,0,.3)}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right{width:90%}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-left .messenger-actions,ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right .messenger-actions{float:left}
-@media (min-width:768px){ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right{width:45%}}
-@media (min-width:1200px){ul.messenger.messenger-theme-flat.messenger-fixed.messenger-on-right{width:35%}}
-ul.messenger.messenger-theme-flat.messenger-fixed.messenger-empty.messenger-fixed.messenger-on-bottom.messenger-on-right{display:block;opacity:0;bottom:20%}
-ul.messenger.messenger-theme-flat .messenger-spinner{display:none}
-ul.messenger.messenger-theme-flat .messenger-clickable{cursor:pointer}
-ul.messenger-theme-flat{background-color:transparent;border-radius:4px}
-ul.messenger-theme-flat.messenger-empty{display:none}
-ul.messenger-theme-flat .messenger-message{-webkit-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;-moz-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;border-radius:0;position:relative;border:0;margin-bottom:0;font-size:13px;background:#222;color:#f0f0f0;font-weight:500;padding:10px 30px 13px 65px}
-ul.messenger-theme-flat .messenger-message .messenger-message-inner:before,ul.messenger-theme-flat .messenger-message:before{font-size:20px;position:absolute;left:15px;top:50%;margin-top:-10px;font-family:PatternFlyIcons-webfont;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message,ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message{-webkit-box-shadow:inset 50px 0 0 #090909;box-shadow:inset 50px 0 0 #090909}
-ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message{-webkit-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;-moz-box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 50px 0 0 #090909}
-ul.messenger-theme-flat .messenger-message .messenger-actions a{text-decoration:none;color:#aaa;background:#2f2f2f}
-ul.messenger-theme-flat .messenger-message.alert-error:before{content:"\e609";color:#c90813}
-ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before{color:#fff;content:"\e608";background-color:transparent}
-ul.messenger-theme-flat .messenger-message.alert-warning:before{content:"\e60c";color:#eb7720;left:14px;margin-top:-11px}
-ul.messenger-theme-flat .messenger-message.alert-warning .messenger-message-inner:before{color:#fff;content:"\e608";background-color:transparent}
-ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before{color:#5cb75c;content:"\e602";background-color:transparent}
-ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before{color:#27799c;content:"\e604";background-color:transparent}
-.btn-file{position:relative;overflow:hidden}
-.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;cursor:inherit;display:block}
+@font-face{font-family:openshift-logos-icon;src:url(../styles/fonts/openshift-logos-icon.eot);src:url(../styles/fonts/openshift-logos-icon.eot?#iefix) format('embedded-opentype'),url(../styles/fonts/openshift-logos-icon.woff) format('woff'),url(../styles/fonts/openshift-logos-icon.ttf) format('truetype'),url(../styles/fonts/openshift-logos-icon.svg#openshift-logos-icon) format('svg');font-weight:400;font-style:normal}
+.logo[data-icon]:before{font-family:openshift-logos-icon;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+.icon-aerogear,.icon-beaker,.icon-capedwarf,.icon-clojure,.icon-codeigniter,.icon-django,.icon-drupal,.icon-git,.icon-github,.icon-go-gopher,.icon-grails,.icon-jboss,.icon-jenkins,.icon-joomla,.icon-laravel,.icon-load-balancer,.icon-mariadb,.icon-mongodb,.icon-mysql-database,.icon-nodejs,.icon-openjdk,.icon-perl,.icon-php,.icon-play,.icon-postgresql,.icon-python,.icon-rails,.icon-redis,.icon-ruby,.icon-scala,.icon-shadowman,.icon-spring,.icon-stackoverflow,.icon-tomcat,.icon-wildfly,.icon-wordpress,.icon-zend{font-family:openshift-logos-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+.icon-github:before{content:"\f101"}
+.icon-git:before{content:"\f102"}
+.icon-openjdk:before{content:"\f103"}
+.icon-rails:before{content:"\f104"}
+.icon-php:before{content:"\f105"}
+.icon-ruby:before{content:"\f106"}
+.icon-django:before{content:"\f107"}
+.icon-nodejs:before{content:"\f108"}
+.icon-jenkins:before{content:"\f109"}
+.icon-python:before{content:"\f110"}
+.icon-go-gopher:before{content:"\f111"}
+.icon-perl:before{content:"\f112"}
+.icon-zend:before{content:"\f113"}
+.icon-jboss:before{content:"\f114"}
+.icon-tomcat:before{content:"\f115"}
+.icon-spring:before{content:"\f116"}
+.icon-mysql-database:before{content:"\f117"}
+.icon-postgresql:before{content:"\f118"}
+.icon-mongodb:before{content:"\f119"}
+.icon-mariadb:before{content:"\f120"}
+.icon-wordpress:before{content:"\f121"}
+.icon-drupal:before{content:"\f122"}
+.icon-codeigniter:before{content:"\f123"}
+.icon-shadowman:before{content:"\f124"}
+.icon-stackoverflow:before{content:"\f125"}
+.icon-aerogear:before{content:"\f126"}
+.icon-capedwarf:before{content:"\f127"}
+.icon-redis:before{content:"\f128"}
+.icon-play:before{content:"\f129"}
+.icon-clojure:before{content:"\f130"}
+.icon-scala:before{content:"\f131"}
+.icon-grails:before{content:"\f132"}
+.icon-beaker:before{content:"\f133"}
+.icon-joomla:before{content:"\f134"}
+.icon-wildfly:before{content:"\f135"}
+.icon-load-balancer:before{content:"\f136"}
+.icon-laravel:before{content:"\f137"}
 .pod{padding:10px;border-radius:10px;margin-bottom:5px;display:inline-block;background-color:rgba(204,204,204,.15);border:1px solid rgba(170,170,170,.15)}
 .pod.pod-running{background-color:rgba(117,198,247,.15);border:1px solid rgba(66,147,196,.15)}
 .pod+.pod{margin-left:5px}
@@ -60463,82 +60513,26 @@ td.visible-print,th.visible-print{display:table-cell!important}}
 .console-os.show-drawer .wrap .sidebar-left .navbar-sidebar ul.nav-sidenav>li .sidenav-secondary{margin-left:175px;width:235px}
 .console-os.show-drawer .wrap .sidebar-left .sidebar-drawer{width:420px}
 .console-os.show-sidebar-right .wrap .sidebar-right{-webkit-flex:0 0 30%;-moz-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%}}
-body,html{height:100%}
-.console-os{background-color:#f8f8f8}
-.console-os #content-wrap,.console-os #content-wrap .content{height:100%}
-.console-os .container-main{background-color:#f8f8f8;padding-bottom:80px;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1}
-.console-os #content-wrap>.container{margin-top:35px;margin-bottom:80px}
-.console-os #content-wrap>.container h1{margin-top:10px}
-.console-os .navbar{border:none;margin-bottom:0}
-.console-os .navbar-pf{background:#34383c}
-.console-os .navbar-pf .navbar-header{border-bottom-color:#d3d6d9}
-.console-os .navbar-pf .navbar-utility>li>a{border:0;font-size:12px}
-.console-os .navbar-pf .navbar-brand{border:0}
-.console-os .navbar-pf .navbar-brand img{height:11px}
-.console-os .navbar-project{border-bottom:1px solid #ddd;padding-bottom:5px;position:relative;background:#f1f1f1;min-height:85px}
-.console-os .navbar-project .navbar-project-menu{position:relative;display:block;top:0;margin:0 20px}
-.console-os .navbar-project label.control-label{color:#4d4d4d;font-size:11px;font-weight:400;margin:8px 0 0}
-.console-os .navbar-project .bootstrap-select>.btn{width:100%;padding:7px 25px 7px 10px;font-size:15px;line-height:1.66666667;color:#333;font-weight:400;background:#fff;border:1px solid #b7b7b7}
-.console-os .navbar-project .bootstrap-select>.btn .caret{font-size:20px}
-.console-os .navbar-project .dropdown-menu.open .dropdown-menu.inner.selectpicker li a{padding:5px 10px}
-.console-os .navbar-project .navbar-project-search{display:inline-block}
-.console-os .navbar-project .form-group{margin-bottom:0}
-.console-os .navbar-project .form-group .form-control{height:41px;margin-bottom:0}
-@media (min-width:768px){.console-os .navbar-project .navbar-project-menu{display:inline-block;float:left;width:220px}
-.console-os .navbar-project .navbar-search{margin-left:260px}}
-@media (min-width:1200px){.console-os .navbar-project .navbar-project-menu{width:300px}
-.console-os .navbar-project .navbar-search{margin-left:340px}}
-@media (min-width:1600px){.console-os .navbar-project .navbar-project-menu{width:380px}
-.console-os .navbar-project .navbar-search{margin-left:420px}}
-.dl-horizontal.left dt{text-align:left;font-weight:400}
-.create-from-image .template-name,.create-from-template .template-name{text-align:right}
-.create-from-image .template-name span.fa,.create-from-template .template-name span.fa{font-size:40px}
-@media (min-width:768px){.create-from-image .template-name span.fa,.create-from-template .template-name span.fa{font-size:100px}}
-.create-from-image span.fa.visible-xs-inline,.create-from-template span.fa.visible-xs-inline{margin-right:10px}
-.create-from-image .flow,.create-from-template .flow{border-top:1px solid rgba(0,0,0,.15);display:table;margin-top:60px;width:100%}
-.create-from-image .flow>.flow-block,.create-from-template .flow>.flow-block{display:inline-block}
-.create-from-image .flow>.flow-block .action,.create-from-image .flow>.flow-block.right,.create-from-template .flow>.flow-block .action,.create-from-template .flow>.flow-block.right{font-size:11px;font-weight:400}
-.create-from-image .flow>.flow-block>ul.list-inline,.create-from-template .flow>.flow-block>ul.list-inline{margin-bottom:0}
-.create-from-image .flow>.flow-block>ul.list-inline>li,.create-from-template .flow>.flow-block>ul.list-inline>li{font-size:11px;text-align:left}
-@media (min-width:767px){.create-from-image .flow>.flow-block,.create-from-template .flow>.flow-block{display:table-cell}
-.create-from-image .flow>.flow-block.right,.create-from-template .flow>.flow-block.right{text-align:right}}
-.env-variable-list li:first-child,.label-list li:first-child{padding:6px 0 0}
-.env-variable-list li .key,.env-variable-list li .value,.label-list li .key,.label-list li .value{display:inline-block;margin:0;width:44%}
-.env-variable-list li .key,.label-list li .key{margin-left:2px}
-.env-variable-list li .btn,.label-list li .btn{vertical-align:top}
-.modal.modal-create .modal-content{padding:0}
-.modal.modal-create .modal-content .modal-header{background-color:transparent}
-.modal.modal-create .modal-content .modal-body .image-icon,.modal.modal-create .modal-content .modal-body .template-icon{text-align:center;font-size:80px;line-height:80px}
-@media (min-width:768px){.modal.modal-create .modal-content .modal-body .image-icon,.modal.modal-create .modal-content .modal-body .template-icon{font-size:130px;line-height:130px}}
-.modal.modal-create .modal-content .modal-footer .btn-block{padding:10px}
-@media (min-width:768px){.modal.modal-create .modal-content{padding:25px}}
-.label+.label{margin-left:3px}
-.action-inline{margin-left:5px;font-size:11px}
-.action-inline i.fa,.action-inline i.pficon{color:#4d5258;margin-right:5px}
-.btn-group-xs>.btn,.btn-xs{padding:0 4px}
-.btn-group-lg>.btn,.btn-lg{line-height:1.334}
-code{white-space:normal}
-.gutter-top-bottom{padding:20px 0}
-.gutter-top-bottom.gutter-top-bottom-2x{padding:40px 0}
-.gutter-top{padding-top:20px}
-.gutter-top.gutter-top-2x{padding-top:40px}
-.gutter-bottom{padding-bottom:20px}
-.gutter-bottom.gutter-bottom-2x{padding-bottom:40px}
-select:invalid{box-shadow:none}
-.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.well h1:first-child,.well h2:first-child,.well h3:first-child,.well h4:first-child,.well h5:first-child{margin-top:0}
-.attention-message{background-color:#79cef2;border:1px solid #138cbf;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);padding:1em 1em 2em;min-width:85%}
-.attention-message h1,.attention-message p{text-align:center}
-.learn-more-block{display:block;font-size:11px;font-weight:400}
-.short-id{background-color:#f1f1f1;color:#666}
-.input-number{width:60px}
-.fade{opacity:0;-webkit-transition:opacity .2s ease 0s;transition:opacity .2s ease 0s}
-.fade.in{opacity:1}
-.modal-backdrop.fade{transition:opacity .15s linear 0s}
-.modal-backdrop.fade.in{opacity:.5}
-.collapse{display:none}
-.collapse.in{display:block}
-.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .1s ease;transition:height .1s ease}`)
+.tile{background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 20px;margin-bottom:20px;word-wrap:break-word;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+.tile h1,.tile h2,.tile h3{margin:10.5px 0}
+.tile .tile-table{display:table;width:100%;height:48px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+.tile .tile-table .tile-table-cell{display:table-cell;vertical-align:top}
+.tile .tile-table .tile-table-cell:first-child{width:55px}
+.tile .tile-table .tile-table-cell>p{margin-bottom:5px;line-height:1.33333334}
+.tile .tile-table .tile-table-cell.template-icon{text-align:center}
+.tile .tile-table .font-icon,.tile .tile-table .font-icon.logo{font-size:33px;line-height:normal;text-shadow:0 0 4px #FFF;opacity:.38;vertical-align:bottom}
+.tile .tile-table+p{margin-top:3px;font-size:inherit}
+.tile.tile-template a.label{font-size:11px}
+.tile.tile-project h2{margin:10px 0}
+.tile.tile-status{background-color:#e6ecf1;border-top:5px solid #bfcedb;margin-top:40px}
+.tile-click{cursor:pointer;position:relative}
+.tile-click:hover{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}
+.tile-click:hover .btn{color:#000!important}
+.tile-click:hover .tile-target{color:$openshiftBrightRed}
+.tile-click:hover .tile-target:hover{text-decoration:none}
+.tile-click:hover .font-icon.logo,.tile-click:hover .tile-table-cell>.font-icon{opacity:.75}
+.label-tags a.label{display:inline-block;margin-right:3px;margin-top:-5px}
+.label-tags a.label:hover{color:#111;background-color:#eee!important}`)
 
 func styles_main_css() ([]byte, error) {
 	return _styles_main_css, nil
@@ -61377,7 +61371,8 @@ var _views_catalog_images_html = []byte(`<div ng-controller="ProjectController">
 <div ng-if="!builders.length">There are no builder images to select from. To add a builder to your project run <code>osc create -f &lt;image_repository_file&gt; -n {{projectName}}</code></div>
 <div ng-if="builders.length">
 <div class="row">
-<catalog-image image-repo="builder.imageRepo" image-tag="builder.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat="builder in builders | orderBy : 'name'"></catalog-image>
+<catalog-image image-repo="builder.imageRepo" image-tag="builder.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat-start="builder in builders | orderBy : 'name'"></catalog-image>
+<div ng-repeat-end ng-if="($index % 3) == 2" class="clearfix"></div>
 </div>
 </div>
 <div click-to-reveal link-text="Don't see the image you are looking for?">
@@ -61389,7 +61384,8 @@ var _views_catalog_images_html = []byte(`<div ng-controller="ProjectController">
 </span>
 </h2>
 <div class="row">
-<catalog-image image-repo="image.imageRepo" image-tag="image.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat="image in images | orderBy : 'name'"></catalog-image>
+<catalog-image image-repo="image.imageRepo" image-tag="image.imageRepoTag" project="projectName" source-url="sourceURL" ng-repeat-start="image in images | orderBy : 'name'"></catalog-image>
+<div ng-repeat-end ng-if="($index % 3) == 2" class="clearfix"></div>
 </div>
 </div>
 </div>
@@ -61412,7 +61408,8 @@ var _views_catalog_templates_html = []byte(`<div ng-controller="ProjectControlle
 <div ng-if="!templates.length">There are no templates to select from. To add a template to your project run <code>osc create -f &lt;template_file&gt; -n {{projectName}}</code></div>
 <div ng-if="templates.length">
 <div class="row">
-<catalog-template template="template" project="projectName" ng-repeat="template in templates | orderBy : 'metadata.name'"></catalog-template>
+<catalog-template template="template" project="projectName" ng-repeat-start="template in templates | orderBy : 'metadata.name'"></catalog-template>
+<div ng-repeat-end ng-if="($index % 3) == 2" class="clearfix"></div>
 </div>
 </div>
 </div>