Index: lams_central/web/css/_main_base.scss
===================================================================
diff -u -r70e6fe3062072e2c6188217c562a4f33f0838604 -raa88d69d3da538a2d1a5ea967de8899c23ff9cd1
--- lams_central/web/css/_main_base.scss	(.../_main_base.scss)	(revision 70e6fe3062072e2c6188217c562a4f33f0838604)
+++ lams_central/web/css/_main_base.scss	(.../_main_base.scss)	(revision aa88d69d3da538a2d1a5ea967de8899c23ff9cd1)
@@ -3,73 +3,69 @@
 	display: inline;  // replaces display: flex 
 }
 
-navbar-brand {
-	padding: 0.625rem;
+body {
+ 	width: 100%;
+ 	overflow-x: hidden;
+// 	font-size: 13px;
+// 	background: $stripes_background;
 }
 
+html {
+	height: 100%;
+}
+#offcanvas {
+	position: fixed;
+	width: 220px;
+	z-index: 10;
+	height: 100%;
+	background: $main_offcanvas_background;
+    color: $main_offcanvas_color;
+}
+.courses-title {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    font-weight: 300;
+    font-size: 23px;
+    width: 100%;
+    margin-left: 0 !important;
+    line-height: 49px;
+    margin: 0;
+    padding-left: 25px;
+}
+#page-wrapper {
+	margin: 0 0 0 220px;
+	padding: 10px 20px 0px;
+}
+.offcanvas-hidden #offcanvas {
+	display: none;
+}
+.offcanvas-hidden #page-wrapper {
+	margin: 0 0 0 0;
+}
+@media (min-width: 769px) {
+	.icon-remove {
+		display: none !important;
+	}
+}
+@media (max-width: 768px) {
+	#offcanvas {
+		width: 100%;
+	}
+	.navbar-nav .open .dropdown-menu {
+    	top:52px; /*hack to prevent disappearing*/
+	}
+}
+@media (max-width: 870px) {
+	body.offcanvas-hidden .xs-hidden {
+		display: none !important;
+	}
+}
+@media (max-width: 1170px) {
+	body:not(.offcanvas-hidden) .xs-hidden {
+		display: none !important;
+	}
+}
 
-// body {
-// 	width: 100%;
-// 	overflow-x: hidden;
-// 	font-size: 13px;
-// 	background: $stripes_background;
-// }
-// html {
-// 	height: 100%;
-// }
-// #offcanvas {
-// 	position: fixed;
-// 	width: 220px;
-// 	z-index: 10;
-// 	height: 100%;
-// 	background: $main_offcanvas_background;
-//     color: $main_offcanvas_color;
-// }
-// .courses-title {
-//     text-overflow: ellipsis;
-//     overflow: hidden;
-//     font-weight: 300;
-//     font-size: 23px;
-//     width: 100%;
-//     margin-left: 0 !important;
-//     line-height: 49px;
-//     margin: 0;
-//     padding-left: 25px;
-// }
-// #page-wrapper {
-// 	margin: 0 0 0 220px;
-// 	padding: 10px 20px 0px;
-// }
-// .offcanvas-hidden #offcanvas {
-// 	display: none;
-// }
-// .offcanvas-hidden #page-wrapper {
-// 	margin: 0 0 0 0;
-// }
-// @media (min-width: 769px) {
-// 	.icon-remove {
-// 		display: none !important;
-// 	}
-// }
-// @media (max-width: 768px) {
-// 	#offcanvas {
-// 		width: 100%;
-// 	}
-// 	.navbar-nav .open .dropdown-menu {
-//     	top:52px; /*hack to prevent disappearing*/
-// 	}
-// }
-// @media (max-width: 870px) {
-// 	body.offcanvas-hidden .xs-hidden {
-// 		display: none !important;
-// 	}
-// }
-// @media (max-width: 1170px) {
-// 	body:not(.offcanvas-hidden) .xs-hidden {
-// 		display: none !important;
-// 	}
-// }
-// 
 .content {
 // 	padding: 7px 10px;
  	background: $body-bg;
@@ -95,116 +91,116 @@
 // a:hover, a:focus {
 // 	color: $brand-primary-darker;
 // }
-// 
-// /*OFFCANVAS BAR*/
-// #favorite-organisations {
-//     border-top: 1px solid rgba(255, 255, 255, 0.16);
-// 	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
-// }
-// #favorite-organisations > li > a, .tablesorter a {
-// 	color: $main_fav_org_link;
-//     font-weight: 400;
-//     padding: 14px 20px 14px 25px;
-// }
-// #favorite-organisations > li > a:hover,
-// #favorite-organisations > li > a:focus,
-// .pagesize:hover,
-// .tablesorter a:hover,
-// .tablesorter a:focus {
-//   background-color: $brand-primary-darkest;
-//   color: white;
-// }
-// .tablesorter a {
-//     display:block;
-//     text-decoration:none;
-//     font-size: 13px;
-// }
-// #offcanvas .active > a,
-// #offcanvas .active > a:hover,
-// #offcanvas .active > a:focus {
-// 	background: $main_offcanvas_link;
-// }
-// #offcanvas .active > a {
-//     color: $main_offcanvas_link_color;
-// }
-// #offcanvas td.active {
-//     border-right: 10px solid $brand-primary-bright;
-//     background: $main_offcanvas_link;
-// }
-// .offcanvas-logo {
-// 	padding: 20px 0px 15px 25px;
-//     background-color: $main_offcanvas_logo_background;
-// }
-// .offcanvas-logo .logo {
-//     background: url($offcanvas_logo) no-repeat center left;
-//     height: $offcanvas_height;
-// }
-// .offcanvas-header {
-// 	padding: 15px 0px 0px 0px;
-// }
-// .offcanvas-search {
-// 	padding: 15px 19px 15px;
-// 	margin-bottom: 0;
-// }
-// .offcanvas-search .form-control {
-// 	box-shadow: inset 0 1px 0px rgba(208, 206, 206, 0.25);
-// 	border-radius: 25px;
-// 	padding: 2px 5px;
-// 	line-height: 1;
-// 	border: 1px solid rgba(221, 226, 232, 0.49);
-// 	background: $main_offcanvas_search_background; 
-// 	color: $main_fav_org_link;
-// }
-// .offcanvas-search .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
-//     color: $gray-light-mid;
-// }
-// .offcanvas-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-//    color: $gray-light-mid;
-// }
-// .offcanvas-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
-//    color: $gray-light-mid;
-// }
-// .offcanvas-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
-//    color: $gray-light-mid;
-// }
-// .ts-pager {
-// 	text-align: center;
-//     padding: 0 10px 10px;
-//     color: darken($main_fav_org_link, 30%);
-// }
-// .ts-pager .btn{
-// 	color: darken($main_fav_org_link, 10%);
-//     background-color: $brand-primary-darkest;
-//     padding: 2px 5px;
-//     line-height: 1;
-// }
-// .tablesorter tfoot i {
-// 	font-size: 11px;
-// }
-// .tablesorter tfoot th {
-// 	background-color: $brand-primary-darkest !important;
-// 	padding: 10px 0;
-// }
-// 
-// .pagesize {
-//     border: 1px solid rgba(221, 226, 232, 0.49);
-//     background: $brand-primary-darker;
-//     cursor: pointer;
-// }
-// 
-// .icon-remove {
-// 	cursor: pointer;
-// 	position: absolute;
-// 	width: 40px;
-// 	top: 30px;
-// 	right: 5px;
-// }
-// .icon-remove:hover {
-// 	color: $body-bg;
-// }
-// .fa-chevron-circle-right.fa-lg {
-// 	line-height: 1em;
-// }
+
+/*OFFCANVAS BAR*/
+#favorite-organisations {
+    border-top: 1px solid rgba(255, 255, 255, 0.16);
+	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
+}
+#favorite-organisations > li > a, .tablesorter a {
+	color: $main_fav_org_link;
+    font-weight: 400;
+    padding: 14px 20px 14px 25px;
+}
+#favorite-organisations > li > a:hover,
+#favorite-organisations > li > a:focus,
+.pagesize:hover,
+.tablesorter a:hover,
+.tablesorter a:focus {
+  background-color: $brand-primary-darkest;
+  color: white;
+}
+.tablesorter a {
+    display:block;
+    text-decoration:none;
+    font-size: 13px;
+}
+#offcanvas .active > a,
+#offcanvas .active > a:hover,
+#offcanvas .active > a:focus {
+	background: $main_offcanvas_link;
+}
+#offcanvas .active > a {
+    color: $main_offcanvas_link_color;
+}
+#offcanvas td.active {
+    border-right: 10px solid $brand-primary-bright;
+    background: $main_offcanvas_link;
+}
+.offcanvas-logo {
+	padding: 20px 0px 15px 25px;
+    background-color: $main_offcanvas_logo_background;
+}
+.offcanvas-logo .logo {
+    background: url($offcanvas_logo) no-repeat center left;
+    height: $offcanvas_height;
+}
+.offcanvas-header {
+	padding: 15px 0px 0px 0px;
+}
+.offcanvas-search {
+	padding: 15px 19px 15px;
+	margin-bottom: 0;
+}
+.offcanvas-search .form-control {
+	box-shadow: inset 0 1px 0px rgba(208, 206, 206, 0.25);
+	border-radius: 25px;
+	padding: 2px 5px;
+	line-height: 1;
+	border: 1px solid rgba(221, 226, 232, 0.49);
+	background: $main_offcanvas_search_background; 
+	color: $main_fav_org_link;
+}
+.offcanvas-search .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
+    color: $gray-light-mid;
+}
+.offcanvas-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+   color: $gray-light-mid;
+}
+.offcanvas-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
+   color: $gray-light-mid;
+}
+.offcanvas-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
+   color: $gray-light-mid;
+}
+.ts-pager {
+	text-align: center;
+    padding: 0 10px 10px;
+    color: darken($main_fav_org_link, 30%);
+}
+.ts-pager .btn{
+	color: darken($main_fav_org_link, 10%);
+    background-color: $brand-primary-darkest;
+    padding: 2px 5px;
+    line-height: 1;
+}
+.tablesorter tfoot i {
+	font-size: 11px;
+}
+.tablesorter tfoot th {
+	background-color: $brand-primary-darkest !important;
+	padding: 10px 0;
+}
+
+.pagesize {
+    border: 1px solid rgba(221, 226, 232, 0.49);
+    background: $brand-primary-darker;
+    cursor: pointer;
+}
+
+.icon-remove {
+	cursor: pointer;
+	position: absolute;
+	width: 40px;
+	top: 30px;
+	right: 5px;
+}
+.icon-remove:hover {
+	color: $body-bg;
+}
+.fa-chevron-circle-right.fa-lg {
+	line-height: 1em;
+}
 // /*TOP HEADER*/
 // .top-nav {
 //     background: $gray-lighter;
@@ -213,47 +209,67 @@
 //     height: 53px;
 // 	box-shadow: 0 1px 1px rgba(8, 8, 8, 0.5);
 // }
-// .offcanvas-toggle-header {
-//     float: left;
-//     margin: 0;
-//     padding: 15px 0 10px 7px;
-//     width: 70px;
-//     cursor: pointer;
-//     border-radius: 3px;
-// }
-// @media (min-width: 768px) {
-// 	.offcanvas-toggle-header {
-// 	    padding-top: 20px;
-// 	    padding-bottom: 15px;
-// 	}
+.navbar {
+	margin: 0 0 0 220px;
+	padding: 0px 20px 0px;
+}
+.offcanvas-hidden .navbar {
+	margin: 0 0 0 0;
+}
+.offcanvas-hidden .navbar {
+	margin: 0 0 0 0;
+}
+
+.navbar-logo {
+	padding: 0.625rem;
+	display: none;
+}
+
+.offcanvas-hidden .navbar-logo {
+	display: initial;
+}
+
+.offcanvas-toggle-header {
+    float: left;
+    margin: 0;
+    padding: 15px 0 10px 7px;
+    width: 70px;
+    cursor: pointer;
+    border-radius: 3px;
+}
+@media (min-width: 768px) {
+	.offcanvas-toggle-header {
+	    padding-top: 20px;
+	    padding-bottom: 15px;
+	}
 // 	.top-nav {
 // 		height: 63px;
 // 	}
-// }
-// .offcanvas-toggle-header i {
-//     padding: 0 15px 0;
-//     color: $brand-primary-darker;
-// }
-// 
-// .offcanvas-toggle i {
-//     font-size: 26px;
-// }
-// .top-nav .navbar-right {
-//     margin: 0;
-//     width: 70%;
-//     float: right;
-// }
-// .top-nav .navbar-right li {
-//     display: inline-block;
-//     float: right;
-//     position: static;
-//     border-radius: 3px;
-// }
-// @media (min-width: 480px) {
-//   .top-nav .navbar-right li {
-//     position: relative; 
-//   } 
-// }
+ }
+.offcanvas-toggle-header i {
+    padding: 0 15px 0;
+}
+
+.offcanvas-toggle i {
+    font-size: 26px;
+}
+.top-nav .navbar-right {
+    margin: 0;
+    width: 70%;
+    float: right;
+}
+.top-nav .navbar-right li {
+    display: inline-block;
+    float: right;
+    position: static;
+    border-radius: 3px;
+}
+@media (min-width: 480px) {
+  .top-nav .navbar-right li {
+    position: relative; 
+ 	 } 
+}
+
 // .top-nav .dropdown-menu li {
 //     width: 100%;
 // }