Index: lams_central/web/css/main.css
===================================================================
diff -u -r906f0b619098cd3c9d542033e716c117533d6e78 -ra83b0eec89979dce7415b02afdda324b14018dbb
--- lams_central/web/css/main.css	(.../main.css)	(revision 906f0b619098cd3c9d542033e716c117533d6e78)
+++ lams_central/web/css/main.css	(.../main.css)	(revision a83b0eec89979dce7415b02afdda324b14018dbb)
@@ -1,555 +1,485 @@
 body {
-	width: 100%;
-	overflow-x: hidden;
-	font-size: 13px;
-	background: url(/lams/images/css/light-fabric.jpg);
-}
+  width: 100%;
+  overflow-x: hidden;
+  font-size: 13px;
+  background: url(/lams/images/css/light-fabric.jpg); }
+
 html {
-	height: 100%;
-}
+  height: 100%; }
+
 #offcanvas {
-	position: fixed;
-	width: 220px;
-	z-index: 10;
-	height: 100%;
-	background: #164276;
-	color: #E7E7E7;
-}
+  position: fixed;
+  width: 220px;
+  z-index: 10;
+  height: 100%;
+  background: #164276;
+  color: #eeeeee; }
+
 .courses-title {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-weight: 300;
-    font-size: 23px;
-    width: 100%;
-    color: #ECF0F1 !important;
-    margin-left: 0 !important;
-    line-height: 49px;
-    margin: 0;
-    padding-left: 25px;
-}
+  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;
-}
+  margin: 0 0 0 220px;
+  padding: 10px 20px 0px; }
+
 .offcanvas-hidden #offcanvas {
-	display: none;
-}
+  display: none; }
+
 .offcanvas-hidden #page-wrapper {
-	margin: 0 0 0 0;
-}
+  margin: 0 0 0 0; }
+
 @media (min-width: 769px) {
-	.icon-remove {
-		display: none !important;
-	}
-}
+  .icon-remove {
+    display: none !important; } }
 @media (max-width: 768px) {
-	#offcanvas {
-		width: 100%;
-	}
-	.navbar-nav .open .dropdown-menu {
-    	top:52px; /*hack to prevent disappearing*/
-	}
-}
+  #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;
-	}
-}
+  body.offcanvas-hidden .xs-hidden {
+    display: none !important; } }
 @media (max-width: 1170px) {
-	body:not(.offcanvas-hidden) .xs-hidden {
-		display: none !important;
-	}
-}
-
+  body:not(.offcanvas-hidden) .xs-hidden {
+    display: none !important; } }
 .content {
-	/*background: #fff;*/
-	padding: 7px 10px;
-	background: #fff;
-	box-shadow: 0 1px 1px rgba(8, 8, 8, 0.5);
-}
+  padding: 7px 10px;
+  background: #fff;
+  box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88); }
+
 #org-container {
-	padding: 17px 10px 17px 25px;
-}
+  padding: 17px 10px 17px 25px; }
 
 /*FOOTER*/
 footer {
-	width: 100%;
-	font-size: 75%;
-	background-color: #FFF;
-	border-radius: 0 0 6px 6px;
-	box-shadow: 0 1.4px 1px rgba(8, 8, 8, 0.5);
-	margin-bottom: 10px;
-}
+  width: 100%;
+  font-size: 75%;
+  background-color: #fff;
+  border-radius: 0 0 6px 6px;
+  box-shadow: 0 1.4px 1px rgba(8, 8, 8, 0.5);
+  margin-bottom: 10px; }
+
 a {
-    color: #5A738E; 
-    text-decoration: none;
-}
+  color: #5A738E;
+  text-decoration: none; }
 
 /*OFFCANVAS BAR*/
 #favorite-organisations {
-    border-top: 1px solid rgba(255, 255, 255, 0.16);
-	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
-}
+  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: #A7B1C2;
-    font-weight: 400;
-    padding: 14px 20px 14px 25px;
-}
+  color: #A7B1C2;
+  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: #072B57;
-  color: white;
-}
+  color: white; }
+
 .tablesorter a {
-    display:block;
-    text-decoration:none;
-    font-size: 13px;
-}
+  display: block;
+  text-decoration: none;
+  font-size: 13px; }
+
 #offcanvas .active > a,
 #offcanvas .active > a:hover,
 #offcanvas .active > a:focus {
-	background: #2B5B95;
-}
+  background: #2B5B95; }
+
 #offcanvas .active > a {
-    color: #ffffff;
-}
+  color: #fff; }
+
 #offcanvas td.active {
-    border-right: 10px solid #0E9AEF;
-    background: #2B5B95;
-}
+  border-right: 10px solid #0E9AEF;
+  background: #2B5B95; }
+
 .offcanvas-logo {
-	padding: 20px 0px 15px 25px;
-    background-color: #072B57;
-}
-.offcanvas-logo img{
-	width: 100px;
-}
+  padding: 20px 0px 15px 25px;
+  background-color: #072B57; }
+
+.offcanvas-logo img {
+  width: 100px; }
+
 .offcanvas-header {
-	padding: 15px 0px 0px 0px;
-}
+  padding: 15px 0px 0px 0px; }
+
 .offcanvas-search {
-	padding: 15px 19px 15px;
-	margin-bottom: 0;
-}
+  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: #072B57; 
-	color: #A7B1C2;
-}
-.offcanvas-search .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
-    color: #ddd;
-}
-.offcanvas-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-   color: #ddd;
-}
-.offcanvas-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
-   color: #ddd;
-}
-.offcanvas-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
-   color: #ddd;
-}
+  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: #072B57;
+  color: #A7B1C2; }
+
+.offcanvas-search .form-control::-webkit-input-placeholder {
+  /* WebKit, Blink, Edge */
+  color: #dddddd; }
+
+.offcanvas-search .form-control:-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  color: #dddddd; }
+
+.offcanvas-search .form-control::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  color: #dddddd; }
+
+.offcanvas-search .form-control:-ms-input-placeholder {
+  /* Internet Explorer 10-11 */
+  color: #dddddd; }
+
 .ts-pager {
-	text-align: center;
-    padding: 0 10px 10px;
-    color: #A7B1C2;
-}
-.ts-pager .btn{
-	color: #164276;
-    background-color: #A7B1C2;
-    padding: 2px 5px;
-    line-height: 1;
-}
+  text-align: center;
+  padding: 0 10px 10px;
+  color: #072B57; }
+
+.ts-pager .btn {
+  color: #164276;
+  background-color: #072B57;
+  padding: 2px 5px;
+  line-height: 1; }
+
 .tablesorter tfoot i {
-	font-size: 11px;
-}
+  font-size: 11px; }
+
 .tablesorter tfoot th {
-	background-color: #072B57 !important;
-	padding: 10px 0;
-}
+  background-color: #072B57 !important;
+  padding: 10px 0; }
 
 .pagesize {
-    border: 1px solid rgba(221, 226, 232, 0.49);
-    background: #164276;
-    cursor: pointer;
-}
+  border: 1px solid rgba(221, 226, 232, 0.49);
+  background: #164276;
+  cursor: pointer; }
 
 .icon-remove {
-	cursor: pointer;
-	position: absolute;
-	width: 40px;
-	top: 30px;
-	right: 5px;
-}
+  cursor: pointer;
+  position: absolute;
+  width: 40px;
+  top: 30px;
+  right: 5px; }
+
 .icon-remove:hover {
-	color: #ffffff;
-}
+  color: #fff; }
+
 .fa-chevron-circle-right.fa-lg {
-	line-height: 1em;
-}
+  line-height: 1em; }
+
 /*TOP HEADER*/
 .top-nav {
-    background: #EDEDED;
-    border-bottom: 1px solid #D9DEE4;
-    border-radius: 6px 6px 0 0;
-    height: 53px;
-	box-shadow: 0 1px 1px rgba(8, 8, 8, 0.5);
-}
+  background: #eeeeee;
+  border-bottom: 1px solid #D9DEE4;
+  border-radius: 6px 6px 0 0;
+  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;
-}
+  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 {
+    padding-top: 20px;
+    padding-bottom: 15px; }
+
+  .top-nav {
+    height: 63px; } }
 .offcanvas-toggle-header i {
-    padding: 0 15px 0;
-    color: #5A738E;
-}
+  padding: 0 15px 0;
+  color: #164276; }
 
 .offcanvas-toggle i {
-    font-size: 26px;
-}
+  font-size: 26px; }
+
 .top-nav .navbar-right {
-    margin: 0;
-    width: 70%;
-    float: right;
-}
+  margin: 0;
+  width: 70%;
+  float: right; }
+
 .top-nav .navbar-right li {
-    display: inline-block;
-    float: right;
-    position: static;
-    border-radius: 3px;
-}
+  display: inline-block;
+  float: right;
+  position: static;
+  border-radius: 3px; }
+
 @media (min-width: 480px) {
   .top-nav .navbar-right li {
-    position: relative; 
-  } 
-}
+    position: relative; } }
 .top-nav .dropdown-menu li {
-    width: 100%;
-}
+  width: 100%; }
+
 .top-nav li a i {
-	font-size: 15px;
-}
+  font-size: 15px; }
+
 ul.dropdown-usermenu li {
-    background: #EDEDED;
-    display: -ms-flexbox;
-    display: flex;
-    margin: 2px 2px 0;
-    width: 98% !important;
-}
+  background: #eeeeee;
+  display: -ms-flexbox;
+  display: flex;
+  margin: 2px 2px 0;
+  width: 98% !important; }
 
 /*TOP HEADER LINKS*/
 .offcanvas-toggle-header:hover, ul.dropdown-usermenu li a:focus, ul.dropdown-usermenu li a:hover, .top-nav .nav > li > a:hover, .top-nav .nav .open > a, .top-nav .nav .open > a:focus, .top-nav .nav .open > a:hover {
-    background: #D9DEE4;
-}
+  background: #D9DEE4; }
+
 .nav > li > a:hover, .nav > li > a:focus {
-    background-color: transparent;
-}
+  background-color: transparent; }
+
 .navbar-nav > li > a {
-    font-weight: 500;
-    color: #515356 !important;
-    margin-left: 0 !important;
-    line-height: 32px;
-    border-radius: 3px;
-}
+  font-weight: 500;
+  color: #515356 !important;
+  margin-left: 0 !important;
+  line-height: 32px;
+  border-radius: 3px; }
+
 .top-nav .dropdown-menu li a {
-    width: 100%;
-    padding: 10px 20px;
-    border-radius: 3px;
-}
+  width: 100%;
+  padding: 10px 20px;
+  border-radius: 3px; }
+
 .top-nav .dropdown-menu li a i {
-    padding-right: 15px;
-}
+  padding-right: 15px; }
+
 .dropdown-menu a {
-    cursor: pointer;
-    border-radius: 6px;
-}
+  cursor: pointer;
+  border-radius: 6px; }
+
 #more-links-menu {
-	padding: 10px 5px;
-}
+  padding: 10px 5px; }
+
 .navbar-nav .open .dropdown-menu {
-    position: absolute;
-    background: #fff;
-    margin-top: 0;
-    padding: 0 0 3px;
-    border: 1px solid #D9DEE4;
-    border-radius: 6px;
-    -webkit-box-shadow: none;
-    right: 0;
-    left: auto;
-    width: 210px;
-}
+  position: absolute;
+  background: #fff;
+  margin-top: 0;
+  padding: 0 0 3px;
+  border: 1px solid #D9DEE4;
+  border-radius: 6px;
+  -webkit-box-shadow: none;
+  right: 0;
+  left: auto;
+  width: 210px; }
+
 .user-profile img {
-    width: 29px;
-    height: 29px;
-    border-radius: 50%;
-    margin-right: 10px;
-}
-#notificationsPendingCount{
-	font-size: 10px;
-	font-weight: normal;
-	line-height: 13px;
-	padding: 2px 5px;
-	position: absolute;
-	left: 25px;
-	top: 10px;
-	border-style: solid;
-	border-width: 1px;
-	display: inline-block;
-	min-width: 10px;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: middle;
-	border-radius: 10px;
-}
+  width: 29px;
+  height: 29px;
+  border-radius: 50%;
+  margin-right: 10px; }
+
+#notificationsPendingCount {
+  font-size: 10px;
+  font-weight: normal;
+  line-height: 13px;
+  padding: 2px 5px;
+  position: absolute;
+  left: 25px;
+  top: 10px;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  min-width: 10px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border-radius: 10px; }
+
 #notificationsPendingCount.btn-default {
-    background-color: #ddd;
-}
+  background-color: #dddddd; }
 
 /*DIALOGS*/
 .dialogContainer {
-	-webkit-overflow-scrolling: touch !important;
-}
+  -webkit-overflow-scrolling: touch !important; }
 
 .dialogContainer .modal-body {
-	height : 100%;
-	max-height: calc(100% - 38px);
-	padding: 0;
-}
+  height: 100%;
+  max-height: calc(100% - 38px);
+  padding: 0; }
 
 .dialogContainer iframe {
-	width: 100%;
-	height: 100%;
-	border: none;
-}
+  width: 100%;
+  height: 100%;
+  border: none; }
 
 .dialogContainer button {
-	cursor: pointer;
-}
+  cursor: pointer; }
+
 .dialogContainer button:focus {
-	outline: none;
-}
+  outline: none; }
 
 .dialogContainer button .fa {
   font-size: 16px;
-  margin-left: 10px;
-}
+  margin-left: 10px; }
 
 .dialogContainer .ui-draggable .modal-header {
-	cursor: move;
-}
+  cursor: move; }
 
 .dialogMin {
-	top: auto !important;
-	bottom: 5px !important;
-	overflow: hidden !important;
-	padding: 0 !important;
-	position: fixed !important;
-	width: 250px !important;
-	height: 35px !important;
-}
+  top: auto !important;
+  bottom: 5px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: fixed !important;
+  width: 250px !important;
+  height: 35px !important; }
 
 .dialogMin .modal-title {
-	white-space: nowrap;
-	overflow: hidden;
-}
+  white-space: nowrap;
+  overflow: hidden; }
 
 .dialogMin .modal-dialog {
-	left: 0 !important;
-	top: 0 !important;
-}
+  left: 0 !important;
+  top: 0 !important; }
 
 .dialogMin .modal-dialog, .dialogMin .modal-content {
-	width: 250px !important;
-	height: 35px !important;
-	margin: 0 !important;
-	padding: 0 !important;
-}
+  width: 250px !important;
+  height: 35px !important;
+  margin: 0 !important;
+  padding: 0 !important; }
 
 .dialogMin .modal-header {
-	height: 100%;
-	margin: 0 !important;
-	padding: 3px 5px !important;
-	cursor: default !important;
-}
+  height: 100%;
+  margin: 0 !important;
+  padding: 3px 5px !important;
+  cursor: default !important; }
 
 .ui-dialog .ui-dialog-content {
-	padding: 3px;
-}
+  padding: 3px; }
 
 #tablePrivateNotifications tr:first-child td {
-	font-weight: bold;
-	text-align: center;
-}
+  font-weight: bold;
+  text-align: center; }
 
 #tablePrivateNotifications td.notificationsReadCell {
-	font-size: 16px;
-	width: 30px;
-	text-align: center;
-}
+  font-size: 16px;
+  width: 30px;
+  text-align: center; }
 
 #tablePrivateNotifications td.notificationsPendingCell {
-	font-weight: bold;
-}
+  font-weight: bold; }
 
 #tablePrivateNotifications td.notificationsClickableCell:hover {
-	cursor: pointer;
-	/* CSS3 glow effect: */
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	-moz-box-shadow: 0 0 5px #A6E5FD;
-	-webkit-box-shadow: 0 0 5px #A6E5FD;
-	box-shadow: 0 0 5px #A6E5FD;
-}
+  cursor: pointer;
+  /* CSS3 glow effect: */
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  -moz-box-shadow: 0 0 5px #A6E5FD;
+  -webkit-box-shadow: 0 0 5px #A6E5FD;
+  box-shadow: 0 0 5px #A6E5FD; }
 
 /* GROUP CONTAINER */
 .j-single-lesson {
-	list-style: none;
-	margin: 6px;
-	padding: 3px 3px 3px 10px;
-	position: relative;
-}
+  list-style: none;
+  margin: 6px;
+  padding: 3px 3px 3px 10px;
+  position: relative; }
 
 .j-single-lesson:hover {
-	border-color: #9be0f9;
-	background-color: #F0F8FF;
-	display: block;
-	/* CSS3 glow effect: */
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-	-moz-box-shadow: 0 0 5px #A6E5FD;
-	-webkit-box-shadow: 0 0 5px #A6E5FD;
-	box-shadow: 0 0 5px #A6E5FD;
-}
+  border-color: #9be0f9;
+  background-color: #F0F8FF;
+  display: block;
+  /* CSS3 glow effect: */
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 0 5px #A6E5FD;
+  -webkit-box-shadow: 0 0 5px #A6E5FD;
+  box-shadow: 0 0 5px #A6E5FD; }
 
 .j-single-lesson:hover .lesson-actions {
-	opacity: 1;
-	// filter: alpha(opacity = 100); /* msie */
-	display: block;
-}
+  opacity: 1;
+  display: block; }
 
-.j-single-lesson:hover .mycourses-monitor-img {
-}
-
-.j-single-lesson:hover .mycourses-mark-img {
-}
-
-.j-single-lesson:hover .mycourses-notifications-img {
-}
-
-.j-single-lesson:hover .mycourses-conditions-img {
-}
-
-.j-single-lesson:hover .mycourses-removelesson-img {
-}
-
 .j-single-lesson:hover .mycourses-move-img {
-	background: url('../images/css/arrow_move.png') no-repeat 0 0px;
-}
+  background: url("../images/css/arrow_move.png") no-repeat 0 0px; }
 
 .lesson-actions {
-	float: right;
-	font-size: 1.2em;
-	opacity: 0.3;
-	/* filter: alpha(opacity = 10); msie */
-}
+  float: right;
+  font-size: 1.2em;
+  opacity: 0.3;
+  /* filter: alpha(opacity = 10); msie */ }
 
 .lesson-actions a {
-	border-bottom: none;	
-}
+  border-bottom: none; }
 
 .child-org-name {
-	float: left;
-	padding-top: 5px;
-}
+  float: left;
+  padding-top: 5px; }
 
-.split-ui-button+ul {
-	z-index: 1;
-}
+.split-ui-button + ul {
+  z-index: 1; }
 
-.split-ui-button+ul li {
-	list-style-type: none;
-}
+.split-ui-button + ul li {
+  list-style-type: none; }
 
-.split-ui-button+ul li a {
-	border: none;
-}
+.split-ui-button + ul li a {
+  border: none; }
 
 .split-ui-button div:first-child {
-	margin-right: -0.4em;
-}
+  margin-right: -0.4em; }
 
 .split-ui-button + ul span {
-	color: #999;
-}
+  color: #999; }
 
 .ui-button, .split-ui-button div {
-	font-size: 12px !important;
-	font-weight: normal !important;
-}
+  font-size: 12px !important;
+  font-weight: normal !important; }
 
 a.sorting {
-	border-bottom: none;
-	cursor: pointer;
-}
+  border-bottom: none;
+  cursor: pointer; }
 
 .lesson-table {
-	margin: 0 auto;
-	width: 100%;
-}
+  margin: 0 auto;
+  width: 100%; }
 
 .subgroup-lesson-table {
-	padding-top: 30px;
-}
+  padding-top: 30px; }
 
 .course-right-buttons {
-	padding-right: 20px;
-}
+  padding-right: 20px; }
 
 .group-name {
-	margin-top: 20px;
-	margin-left: 30px;
-}
+  margin-top: 20px;
+  margin-left: 30px; }
 
 .group-name p {
-	padding-top: 0px;
-	margin-bottom: 0px;
-	padding-left: 0px;
-	margin-left: 0px;
-}
+  padding-top: 0px;
+  margin-bottom: 0px;
+  padding-left: 0px;
+  margin-left: 0px; }
 
 .group-name strong {
-	color: #666;
-}
+  color: #777777; }
+
 .course-header {
-	padding-bottom: 5px; 
-	margin-bottom: 12px;
-	border-bottom: 1px solid #EEE;
-}
-.course-header i{
-	font-size: 16px;
-}
+  padding-bottom: 5px;
+  margin-bottom: 12px;
+  border-bottom: thin solid #AAAAAA; }
 
+.course-header i {
+  font-size: 16px; }
+
 .j-course-contents {
-	border-bottom: 1px solid #EEE;
-}
+  border-bottom: thin solid #AAAAAA; }