diff --git a/lib/assets/stylesheets/overrides.scss b/lib/assets/stylesheets/overrides.scss
index 9bd3f93..897e3b4 100644
--- a/lib/assets/stylesheets/overrides.scss
+++ b/lib/assets/stylesheets/overrides.scss
@@ -1,42 +1,36 @@
 /* This file contains overrides to the core Bootstrap 3.x styling */
 /* -------------------------------------------------------------- */
 
-$red: #CC0025;
-
-/* LOGO STYLING */
-
-.org-logo {
-  height: 100px;
-  padding-right:15px;
-}
-
 /**** font configuration ****/
-/*
 @font-face {
   font-family: 'GillSansLight';
   src: font-url('GillSansLight.ttf') format('truetype');
   font-weight: normal;
 }
 
+$black: #000;
+$white: #FFF;
+$red:  #CC0025;
+$grey: #4F5253;
+$gold: #C09853;
+$highlight-color: $black;
+$highlight-background-color: #F36F24;
+
 /* Font Smoothing in Webkit /* 
 body {
   -webkit-font-smoothing: antialiased;
 }
 
-/* MESSAGES */
-/*
-$error-color: #4F5253;
-*/
 
 /* TABLE STYLING */
 
-.table { border: 1px solid #4F5253; }
+.table { border: 1px solid $grey; }
 .table thead > tr > th { border-bottom: none; }
-.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { border: 1px solid #4F5253; }
+.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { border: 1px solid $grey; }
 
 thead th {
-    background-color: #4F5253;
-    color: white;
+  background-color: $grey;
+  color: $white;
 }
 .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
   background-color: #CCC;
@@ -45,60 +39,183 @@
 /* TABS STYLING */
 
 .nav-tabs{
-  background-color: #4F5253;
-  color: #fff;
+  background-color: $grey;
+  color: $white;
   border: none;
   margin-right:2px;
 }
 .nav-tabs > li > a{
-  border-radius: 5px;
-  color: #fff;
+  border-radius: 2px;
+  color: $white;
 }
 .nav-tabs > li > a:hover{
-  background-color: #fff;
-  color: #4F5253;
-  border:1px solid #4F5253;
+  background-color: $white;
+  color: $grey;
+  border:1px solid $grey;
   border-bottom: none;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:focus,
 .nav-tabs > li.active > a:hover{
-  background-color: #fff !important;
-  color:#4F5253;
-  border:1px solid #4F5253;
+  background-color: $white !important;
+  color:$grey;
+  border:1px solid $grey;
   border-bottom: none;
 }
 
 /* PANEL STYLING */
 
-.panel-title a {
-    display: block;
-    padding: 8px 15px;
-    margin: -10px -15px;
-    background-color: #4F5253;
-    color: #fff;
+.panel-default > .panel-heading {
+  background-color: $grey;
+  color: $white;
+}
+
+ .panel-title a {
+  display: block;
+  padding: 8px 15px;
+  margin: -10px -15px;
+  background-color: $grey;
+  color: $white;
 }
 
 /* BUTTONS STYLING */
 
-.btn-primary:hover, 
-.btn-primary:focus, 
-.btn-primary:active, 
-.btn-primary.active, 
-.btn-primary:active:focus {
-  background-color: #4F5253;
-  color: $white;
-  border-color: #4F5253;
-  box-shadow: none;
+/*
+$disabled-button-color: #808080;
+$cancel-button-color: #F17D04;
+*/
+
+/* primary button */
+  .btn-primary,
+  .btn-primary:hover,
+  .btn-primary:focus,
+  .btn-primary:active,
+  .btn-primary:visited,
+  .btn-primary:active:hover, 
+  .btn-primary.active:hover { 
+    background-color: $grey;
+    color: $white;
+    border-color: $grey;
+    outline: none;
+    margin-top: 5px;
+  }
+
+/* primary button */
+  .btn-default,
+  .btn-default:hover,
+  .btn-default:focus,
+  .btn-default:active,
+  .btn-default:visited,
+  .btn-default:active:hover, 
+  .btn-default.active:hover { 
+    background-color: $grey;
+    color: $white;
+    border-color: $grey;
+    outline: none;
+    margin-top: 5px;
+  }
+
+/* MESSAGES */
+$error-color: $red;
+$error-background: #F2DEDE;
+
+$notice-color: $gold;
+$notice-background: #FCF8E3;
+
+$tooltip-color: $white;
+$tooltip-background: $grey;
+
+/****  ---------------------------------------------------------------------------- ****/ 
+/**** Main layout configuration ****/
+
+/* For sticky footer */
+main {
+  margin-bottom: 100px;
+  @media (max-width: 768px) {
+    margin-bottom: 420px;
+  }
+  @media (min-width: 768px) and (max-width: 1000px) {
+    margin-bottom: 200px;
+  }
 }
 
-.btn-default:hover, 
-.btn-default:focus, 
-.btn-default:active, 
-.btn-default.active, 
-.btn-default:active:focus {
-  background-color: #4F5253;
-  color: $white;
-  border-color: #4F5253;
-  box-shadow: none;
+html {
+  position: relative;
+  min-height: 100%;
 }
+
+
+/* HEADER STYLING */
+/*
+$header-height: 165px;
+$header-logo-width: 165px;
+$header-background: $white;
+$header-text-color: $black;
+$header-background: linear-gradient(#ED6406, #F59503);
+*/
+
+#app-navbar {
+  border-radius: 0px;
+}
+
+/* For org navbar custom height */
+#org-navbar {
+  border-radius: 0px;
+  margin-top: -20px;
+}
+@media (min-width: 768px) {
+  #org-navbar .navbar-nav li a {
+    line-height: 102px;
+    height: 102px;
+    padding-top: 0;
+  }
+}
+@media (min-width: 768px) {
+  #admin-dropdown ul li a, #super-admin-dropdown ul li a {
+    line-height: 26px !important;
+    height: 26px !important;
+    margin-top: 3px !important;
+  }
+}
+
+/* For dark (inverse) navbars */
+.inverse-dropdown {
+  background-color: #222 !important;
+  border-color: #080808 !important;
+  & > li > a {
+    color: #999 !important;
+    &:hover {
+      color: #fff !important;
+      background-color: #000 !important;
+    }
+  }
+  .active a {
+      color: #fff !important;
+      background-color: #000 !important;
+  }
+}
+
+/* HEADER LOGOS */
+.app-logo {
+  height: 50px;
+  padding-right:15px;
+}
+.org-logo {
+  height: 100px;
+  padding-right:15px;
+}
+
+/* FOOTER STYLING */
+
+/* For sticky footer */
+#footer-navbar {
+  margin-bottom: 0px;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-radius:0px;
+  ul {
+    padding-right:15px;
+  }
+}
+