From 07a1a828a8f13d48efa27567f616c6bda8c3d2ee Mon Sep 17 00:00:00 2001
From: Prachirb <prachibhatia24@yahoo.com>
Date: Tue, 13 Mar 2018 16:24:28 +0530
Subject: [PATCH 01/26] Accordion added above lesson showing overview

---
 .../static/ndf/css/themes/clix/clix2017.css   | 539 +++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        |  25 +
 .../ndf/templates/ndf/course_about.html       | 181 +-----
 .../ndf/templates/ndf/course_content.html     | 150 +++++
 4 files changed, 479 insertions(+), 416 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
index 3d89900f90..90bc74c26c 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
@@ -4583,7 +4583,34 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
 }
 
-/* line 4874, ../../../scss/_clix2017.scss */
+/* line 4875, ../../../scss/_clix2017.scss */
+.accordion {
+  background-color: #eee;
+  color: #444;
+  cursor: pointer;
+  padding: 18px;
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline: none;
+  font-size: 15px;
+  transition: 0.4s;
+}
+
+/* line 4888, ../../../scss/_clix2017.scss */
+.active, .accordion:hover {
+  background-color: #6f0859;
+}
+
+/* line 4892, ../../../scss/_clix2017.scss */
+.panel {
+  padding: 0 18px;
+  display: none;
+  background-color: white;
+  overflow: hidden;
+}
+
+/* line 4899, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4593,13 +4620,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4882, ../../../scss/_clix2017.scss */
+/* line 4907, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4888, ../../../scss/_clix2017.scss */
+/* line 4913, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4608,19 +4635,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4897, ../../../scss/_clix2017.scss */
+/* line 4922, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4902, ../../../scss/_clix2017.scss */
+/* line 4927, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4908, ../../../scss/_clix2017.scss */
+/* line 4933, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4628,12 +4655,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4916, ../../../scss/_clix2017.scss */
+/* line 4941, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4922, ../../../scss/_clix2017.scss */
+/* line 4947, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4642,21 +4669,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 4931, ../../../scss/_clix2017.scss */
+/* line 4956, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 4936, ../../../scss/_clix2017.scss */
+/* line 4961, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 4938, ../../../scss/_clix2017.scss */
+/* line 4963, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 4941, ../../../scss/_clix2017.scss */
+/* line 4966, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4667,24 +4694,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 4951, ../../../scss/_clix2017.scss */
+/* line 4976, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 4955, ../../../scss/_clix2017.scss */
+/* line 4980, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 4958, ../../../scss/_clix2017.scss */
+/* line 4983, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 4963, ../../../scss/_clix2017.scss */
+/* line 4988, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 4967, ../../../scss/_clix2017.scss */
+/* line 4992, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4696,7 +4723,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 4978, ../../../scss/_clix2017.scss */
+/* line 5003, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4704,15 +4731,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 4986, ../../../scss/_clix2017.scss */
+/* line 5011, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 4988, ../../../scss/_clix2017.scss */
+/* line 5013, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 4991, ../../../scss/_clix2017.scss */
+/* line 5016, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4722,13 +4749,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 5000, ../../../scss/_clix2017.scss */
+/* line 5025, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 5006, ../../../scss/_clix2017.scss */
+/* line 5031, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4736,7 +4763,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 5021, ../../../scss/_clix2017.scss */
+/* line 5046, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4747,16 +4774,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
 }
-/* line 5031, ../../../scss/_clix2017.scss */
+/* line 5056, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5035, ../../../scss/_clix2017.scss */
+/* line 5060, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 5040, ../../../scss/_clix2017.scss */
+/* line 5065, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4770,14 +4797,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   -webkit-transition: border-radius .2s;
   transition: border-radius .2s;
 }
-/* line 5053, ../../../scss/_clix2017.scss */
+/* line 5078, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img {
   height: 100%;
   width: 100%;
   border-radius: 4px;
   -webkit-filter: drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.9));
 }
-/* line 5058, ../../../scss/_clix2017.scss */
+/* line 5083, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4786,7 +4813,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 5070, ../../../scss/_clix2017.scss */
+/* line 5095, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4795,7 +4822,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #ffffff !important;
   text-shadow: 2px 0px 8px black;
 }
-/* line 5085, ../../../scss/_clix2017.scss */
+/* line 5110, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4806,27 +4833,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 1px;
   font-size: 1.4vw;
 }
-/* line 5098, ../../../scss/_clix2017.scss */
+/* line 5123, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5101, ../../../scss/_clix2017.scss */
+/* line 5126, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5106, ../../../scss/_clix2017.scss */
+/* line 5131, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5110, ../../../scss/_clix2017.scss */
+/* line 5135, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5113, ../../../scss/_clix2017.scss */
+/* line 5138, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5117, ../../../scss/_clix2017.scss */
+/* line 5142, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4842,35 +4869,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5131, ../../../scss/_clix2017.scss */
+/* line 5156, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5138, ../../../scss/_clix2017.scss */
+/* line 5163, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5142, ../../../scss/_clix2017.scss */
+/* line 5167, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5145, ../../../scss/_clix2017.scss */
+/* line 5170, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5149, ../../../scss/_clix2017.scss */
+/* line 5174, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5157, ../../../scss/_clix2017.scss */
+/* line 5182, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4884,11 +4911,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5170, ../../../scss/_clix2017.scss */
+/* line 5195, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5176, ../../../scss/_clix2017.scss */
+/* line 5201, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4905,14 +4932,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5200, ../../../scss/_clix2017.scss */
+/* line 5225, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5208, ../../../scss/_clix2017.scss */
+/* line 5233, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4925,27 +4952,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   bottom: 0;
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);
 }
-/* line 5221, ../../../scss/_clix2017.scss */
+/* line 5246, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5226, ../../../scss/_clix2017.scss */
+/* line 5251, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5234, ../../../scss/_clix2017.scss */
+/* line 5259, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5238, ../../../scss/_clix2017.scss */
+/* line 5263, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5244, ../../../scss/_clix2017.scss */
+/* line 5269, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4956,17 +4983,17 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: border-radius .2s;
   text-shadow: 3px 2px #164a7b;
 }
-/* line 5255, ../../../scss/_clix2017.scss */
+/* line 5280, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5264, ../../../scss/_clix2017.scss */
+/* line 5289, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5269, ../../../scss/_clix2017.scss */
+/* line 5294, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -4974,11 +5001,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
 }
-/* line 5275, ../../../scss/_clix2017.scss */
+/* line 5300, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5278, ../../../scss/_clix2017.scss */
+/* line 5303, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4990,11 +5017,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   opacity: 0.8;
 }
 @media screen and (min-width: 980px) and (max-width: 1000px) {
-  /* line 5292, ../../../scss/_clix2017.scss */
+  /* line 5317, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5295, ../../../scss/_clix2017.scss */
+  /* line 5320, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -5008,18 +5035,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5317, ../../../scss/_clix2017.scss */
+/* line 5342, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5322, ../../../scss/_clix2017.scss */
+/* line 5347, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5325, ../../../scss/_clix2017.scss */
+/* line 5350, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -5030,23 +5057,23 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5336, ../../../scss/_clix2017.scss */
+/* line 5361, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5344, ../../../scss/_clix2017.scss */
+/* line 5369, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5349, ../../../scss/_clix2017.scss */
+/* line 5374, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5352, ../../../scss/_clix2017.scss */
+/* line 5377, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -5px;
@@ -5059,61 +5086,61 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5363, ../../../scss/_clix2017.scss */
+/* line 5388, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5374, ../../../scss/_clix2017.scss */
+/* line 5399, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5382, ../../../scss/_clix2017.scss */
+/* line 5407, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5385, ../../../scss/_clix2017.scss */
+/* line 5410, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5387, ../../../scss/_clix2017.scss */
+/* line 5412, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5394, ../../../scss/_clix2017.scss */
+/* line 5419, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5396, ../../../scss/_clix2017.scss */
+/* line 5421, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5401, ../../../scss/_clix2017.scss */
+/* line 5426, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5409, ../../../scss/_clix2017.scss */
+/* line 5434, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5415, ../../../scss/_clix2017.scss */
+/* line 5440, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5422, ../../../scss/_clix2017.scss */
+/* line 5447, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5426, ../../../scss/_clix2017.scss */
+/* line 5451, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5130,7 +5157,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5442, ../../../scss/_clix2017.scss */
+/* line 5467, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5147,7 +5174,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5458, ../../../scss/_clix2017.scss */
+/* line 5483, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5164,7 +5191,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5475, ../../../scss/_clix2017.scss */
+/* line 5500, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5181,7 +5208,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5492, ../../../scss/_clix2017.scss */
+/* line 5517, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5198,32 +5225,32 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5510, ../../../scss/_clix2017.scss */
+/* line 5535, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5514, ../../../scss/_clix2017.scss */
+/* line 5539, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5518, ../../../scss/_clix2017.scss */
+/* line 5543, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5520, ../../../scss/_clix2017.scss */
+/* line 5545, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5525, ../../../scss/_clix2017.scss */
+/* line 5550, ../../../scss/_clix2017.scss */
 .buddy_margin {
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5530, ../../../scss/_clix2017.scss */
+/* line 5555, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5231,63 +5258,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #713558;
   margin-top: -30px;
 }
-/* line 5536, ../../../scss/_clix2017.scss */
+/* line 5561, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5542, ../../../scss/_clix2017.scss */
+/* line 5567, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5546, ../../../scss/_clix2017.scss */
+/* line 5571, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #713558;
 }
-/* line 5551, ../../../scss/_clix2017.scss */
+/* line 5576, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5557, ../../../scss/_clix2017.scss */
+/* line 5582, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5562, ../../../scss/_clix2017.scss */
+/* line 5587, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5566, ../../../scss/_clix2017.scss */
+/* line 5591, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-left: 30px;
 }
 
-/* line 5572, ../../../scss/_clix2017.scss */
+/* line 5597, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5577, ../../../scss/_clix2017.scss */
+/* line 5602, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > p {
   font-size: 24px;
   color: #646464;
   margin-bottom: 20px;
   text-shadow: 0 1px rgba(255, 255, 255, 0.6);
 }
-/* line 5583, ../../../scss/_clix2017.scss */
+/* line 5608, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5301,7 +5328,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5596, ../../../scss/_clix2017.scss */
+/* line 5621, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5311,7 +5338,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5609, ../../../scss/_clix2017.scss */
+/* line 5634, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5319,7 +5346,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5616, ../../../scss/_clix2017.scss */
+/* line 5641, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5333,13 +5360,13 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   z-index: 10;
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);
 }
-/* line 5630, ../../../scss/_clix2017.scss */
+/* line 5655, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5635, ../../../scss/_clix2017.scss */
+/* line 5660, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5348,53 +5375,53 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5643, ../../../scss/_clix2017.scss */
+/* line 5668, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5648, ../../../scss/_clix2017.scss */
+/* line 5673, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5653, ../../../scss/_clix2017.scss */
+/* line 5678, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5658, ../../../scss/_clix2017.scss */
+/* line 5683, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5666, ../../../scss/_clix2017.scss */
+/* line 5691, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5670, ../../../scss/_clix2017.scss */
+/* line 5695, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5680, ../../../scss/_clix2017.scss */
+/* line 5705, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
 }
-/* line 5682, ../../../scss/_clix2017.scss */
+/* line 5707, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5688, ../../../scss/_clix2017.scss */
+/* line 5713, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5694, ../../../scss/_clix2017.scss */
+/* line 5719, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5406,7 +5433,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5705, ../../../scss/_clix2017.scss */
+/* line 5730, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5418,7 +5445,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5716, ../../../scss/_clix2017.scss */
+/* line 5741, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5428,12 +5455,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5724, ../../../scss/_clix2017.scss */
+/* line 5749, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5728, ../../../scss/_clix2017.scss */
+/* line 5753, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5444,39 +5471,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5737, ../../../scss/_clix2017.scss */
+/* line 5762, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5742, ../../../scss/_clix2017.scss */
+/* line 5767, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5745, ../../../scss/_clix2017.scss */
+/* line 5770, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5748, ../../../scss/_clix2017.scss */
+/* line 5773, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5751, ../../../scss/_clix2017.scss */
+/* line 5776, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5755, ../../../scss/_clix2017.scss */
+/* line 5780, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5760, ../../../scss/_clix2017.scss */
+/* line 5785, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5490,7 +5517,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5776, ../../../scss/_clix2017.scss */
+/* line 5801, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5498,85 +5525,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5784, ../../../scss/_clix2017.scss */
+/* line 5809, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5790, ../../../scss/_clix2017.scss */
+/* line 5815, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5793, ../../../scss/_clix2017.scss */
+/* line 5818, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5796, ../../../scss/_clix2017.scss */
+/* line 5821, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5799, ../../../scss/_clix2017.scss */
+/* line 5824, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5801, ../../../scss/_clix2017.scss */
+/* line 5826, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5812, ../../../scss/_clix2017.scss */
+/* line 5837, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5814, ../../../scss/_clix2017.scss */
+/* line 5839, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5817, ../../../scss/_clix2017.scss */
+/* line 5842, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li {
   float: left;
   margin-right: 15px;
   display: inline-block;
   font-size: 0.6875em;
 }
-/* line 5822, ../../../scss/_clix2017.scss */
+/* line 5847, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a {
   transition: link-color 0.15s ease-in-out 0s,border 0.15s ease-in-out 0s;
   border-bottom: none;
   color: #777;
   text-decoration: none !important;
 }
-/* line 5827, ../../../scss/_clix2017.scss */
+/* line 5852, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5837, ../../../scss/_clix2017.scss */
+/* line 5862, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5840, ../../../scss/_clix2017.scss */
+/* line 5865, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5844, ../../../scss/_clix2017.scss */
+/* line 5869, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5850, ../../../scss/_clix2017.scss */
+/* line 5875, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5860, ../../../scss/_clix2017.scss */
+/* line 5885, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5597,7 +5624,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5880, ../../../scss/_clix2017.scss */
+/* line 5905, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5611,13 +5638,13 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
 }
 
 /* use :target to look for a link to the overlay then we find are mask */
-/* line 5891, ../../../scss/_clix2017.scss */
+/* line 5916, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5895, ../../../scss/_clix2017.scss */
+/* line 5920, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5639,7 +5666,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5914, ../../../scss/_clix2017.scss */
+/* line 5939, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5652,7 +5679,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5925, ../../../scss/_clix2017.scss */
+/* line 5950, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5668,44 +5695,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 5947, ../../../scss/_clix2017.scss */
+/* line 5972, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 5952, ../../../scss/_clix2017.scss */
+/* line 5977, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 5956, ../../../scss/_clix2017.scss */
+/* line 5981, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 5960, ../../../scss/_clix2017.scss */
+/* line 5985, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 5963, ../../../scss/_clix2017.scss */
+/* line 5988, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 5966, ../../../scss/_clix2017.scss */
+/* line 5991, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 5971, ../../../scss/_clix2017.scss */
+/* line 5996, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 5976, ../../../scss/_clix2017.scss */
+/* line 6001, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5721,7 +5748,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 5993, ../../../scss/_clix2017.scss */
+/* line 6018, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-repeat: no-repeat;
@@ -5740,33 +5767,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 6006, ../../../scss/_clix2017.scss */
+/* line 6031, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 6011, ../../../scss/_clix2017.scss */
+/* line 6036, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 6015, ../../../scss/_clix2017.scss */
+/* line 6040, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 6019, ../../../scss/_clix2017.scss */
+/* line 6044, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 6022, ../../../scss/_clix2017.scss */
+/* line 6047, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 6026, ../../../scss/_clix2017.scss */
+/* line 6051, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5782,24 +5809,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 6060, ../../../scss/_clix2017.scss */
+/* line 6085, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 6065, ../../../scss/_clix2017.scss */
+/* line 6090, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 6069, ../../../scss/_clix2017.scss */
+/* line 6094, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 6074, ../../../scss/_clix2017.scss */
+/* line 6099, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5809,64 +5836,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6084, ../../../scss/_clix2017.scss */
+/* line 6109, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6091, ../../../scss/_clix2017.scss */
+/* line 6116, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6094, ../../../scss/_clix2017.scss */
+/* line 6119, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6095, ../../../scss/_clix2017.scss */
+/* line 6120, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6096, ../../../scss/_clix2017.scss */
+/* line 6121, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6097, ../../../scss/_clix2017.scss */
+/* line 6122, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6098, ../../../scss/_clix2017.scss */
+/* line 6123, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6099, ../../../scss/_clix2017.scss */
+/* line 6124, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6100, ../../../scss/_clix2017.scss */
+/* line 6125, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6105, ../../../scss/_clix2017.scss */
+/* line 6130, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6109, ../../../scss/_clix2017.scss */
+/* line 6134, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5875,24 +5902,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6117, ../../../scss/_clix2017.scss */
+/* line 6142, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6122, ../../../scss/_clix2017.scss */
+/* line 6147, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6125, ../../../scss/_clix2017.scss */
+/* line 6150, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6135, ../../../scss/_clix2017.scss */
+/* line 6160, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a {
   transition: link-color 0.15s ease-in-out 0s,border 0.15s ease-in-out 0s;
   border-bottom: none;
@@ -5900,13 +5927,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6141, ../../../scss/_clix2017.scss */
+/* line 6166, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6148, ../../../scss/_clix2017.scss */
+/* line 6173, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5916,7 +5943,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6157, ../../../scss/_clix2017.scss */
+/* line 6182, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5925,7 +5952,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6164, ../../../scss/_clix2017.scss */
+/* line 6189, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5939,19 +5966,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6180, ../../../scss/_clix2017.scss */
+  /* line 6205, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6184, ../../../scss/_clix2017.scss */
+  /* line 6209, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6188, ../../../scss/_clix2017.scss */
+  /* line 6213, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -5959,7 +5986,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6195, ../../../scss/_clix2017.scss */
+  /* line 6220, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -5970,21 +5997,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6206, ../../../scss/_clix2017.scss */
+  /* line 6231, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6212, ../../../scss/_clix2017.scss */
+  /* line 6237, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6218, ../../../scss/_clix2017.scss */
+  /* line 6243, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -5992,36 +6019,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6232, ../../../scss/_clix2017.scss */
+/* line 6257, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6236, ../../../scss/_clix2017.scss */
+/* line 6261, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6242, ../../../scss/_clix2017.scss */
+/* line 6267, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6247, ../../../scss/_clix2017.scss */
+/* line 6272, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6252, ../../../scss/_clix2017.scss */
+/* line 6277, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6256, ../../../scss/_clix2017.scss */
+/* line 6281, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -6030,41 +6057,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6264, ../../../scss/_clix2017.scss */
+/* line 6289, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6269, ../../../scss/_clix2017.scss */
+/* line 6294, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6273, ../../../scss/_clix2017.scss */
+/* line 6298, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6277, ../../../scss/_clix2017.scss */
+/* line 6302, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6283, ../../../scss/_clix2017.scss */
+/* line 6308, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6288, ../../../scss/_clix2017.scss */
+/* line 6313, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6292, ../../../scss/_clix2017.scss */
+/* line 6317, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6297, ../../../scss/_clix2017.scss */
+/* line 6322, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -6077,7 +6104,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6309, ../../../scss/_clix2017.scss */
+/* line 6334, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6089,12 +6116,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6318, ../../../scss/_clix2017.scss */
+/* line 6343, ../../../scss/_clix2017.scss */
 .scard:hover {
   box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.16), 0 2px 10px 1px rgba(0, 0, 0, 0.12);
   transition: box-shadow 0.5s ease;
 }
-/* line 6324, ../../../scss/_clix2017.scss */
+/* line 6349, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6112,7 +6139,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6341, ../../../scss/_clix2017.scss */
+/* line 6366, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6125,7 +6152,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6352, ../../../scss/_clix2017.scss */
+/* line 6377, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6135,7 +6162,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6365, ../../../scss/_clix2017.scss */
+/* line 6390, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6149,7 +6176,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6380, ../../../scss/_clix2017.scss */
+/* line 6405, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6165,7 +6192,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6397, ../../../scss/_clix2017.scss */
+/* line 6422, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6176,7 +6203,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6406, ../../../scss/_clix2017.scss */
+/* line 6431, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6185,18 +6212,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6418, ../../../scss/_clix2017.scss */
+/* line 6443, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6422, ../../../scss/_clix2017.scss */
+/* line 6447, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6428, ../../../scss/_clix2017.scss */
+/* line 6453, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6205,17 +6232,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6436, ../../../scss/_clix2017.scss */
+/* line 6461, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6440, ../../../scss/_clix2017.scss */
+/* line 6465, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6443, ../../../scss/_clix2017.scss */
+/* line 6468, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #6f0859;
   font-weight: 400;
@@ -6228,17 +6255,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6454, ../../../scss/_clix2017.scss */
+/* line 6479, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #6f0859;
   color: #ffffff;
 }
-/* line 6460, ../../../scss/_clix2017.scss */
+/* line 6485, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6463, ../../../scss/_clix2017.scss */
+/* line 6488, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6246,42 +6273,42 @@ input.transcript-toggler {
   margin: 0;
   background-color: #6f0859;
 }
-/* line 6471, ../../../scss/_clix2017.scss */
+/* line 6496, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: white;
 }
-/* line 6473, ../../../scss/_clix2017.scss */
+/* line 6498, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a:hover {
   color: #6f0859;
 }
-/* line 6478, ../../../scss/_clix2017.scss */
+/* line 6503, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
   background-color: white;
 }
 
-/* line 6487, ../../../scss/_clix2017.scss */
+/* line 6512, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6493, ../../../scss/_clix2017.scss */
+/* line 6518, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6501, ../../../scss/_clix2017.scss */
+/* line 6526, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6508, ../../../scss/_clix2017.scss */
+/* line 6533, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6515, ../../../scss/_clix2017.scss */
+/* line 6540, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6295,7 +6322,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6528, ../../../scss/_clix2017.scss */
+/* line 6553, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6304,26 +6331,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6537, ../../../scss/_clix2017.scss */
+/* line 6562, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6543, ../../../scss/_clix2017.scss */
+/* line 6568, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6552, ../../../scss/_clix2017.scss */
+/* line 6577, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6555, ../../../scss/_clix2017.scss */
+/* line 6580, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6334,7 +6361,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6565, ../../../scss/_clix2017.scss */
+/* line 6590, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6345,27 +6372,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6575, ../../../scss/_clix2017.scss */
+/* line 6600, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6578, ../../../scss/_clix2017.scss */
+/* line 6603, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6582, ../../../scss/_clix2017.scss */
+/* line 6607, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6590, ../../../scss/_clix2017.scss */
+/* line 6615, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6597, ../../../scss/_clix2017.scss */
+/* line 6622, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6383,12 +6410,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6613, ../../../scss/_clix2017.scss */
+/* line 6638, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6618, ../../../scss/_clix2017.scss */
+/* line 6643, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6400,13 +6427,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6628, ../../../scss/_clix2017.scss */
+/* line 6653, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6636, ../../../scss/_clix2017.scss */
+/* line 6661, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6423,54 +6450,54 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6651, ../../../scss/_clix2017.scss */
+/* line 6676, ../../../scss/_clix2017.scss */
 .button-save-new:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6659, ../../../scss/_clix2017.scss */
+/* line 6684, ../../../scss/_clix2017.scss */
 .exp-module-container {
   margin-left: 60px;
 }
 
-/* line 6663, ../../../scss/_clix2017.scss */
+/* line 6688, ../../../scss/_clix2017.scss */
 .fill-green-circle {
   padding: 6px 6px;
   border-radius: 100%;
   background-color: green;
 }
 
-/* line 6669, ../../../scss/_clix2017.scss */
+/* line 6694, ../../../scss/_clix2017.scss */
 .fill-orange-circle {
   padding: 6px 6px;
   border-radius: 100%;
   background-color: orange;
 }
 
-/* line 6675, ../../../scss/_clix2017.scss */
+/* line 6700, ../../../scss/_clix2017.scss */
 [class*="img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 100px;
 }
 
-/* line 6679, ../../../scss/_clix2017.scss */
+/* line 6704, ../../../scss/_clix2017.scss */
 [class*="high-img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 160px;
 }
 
-/* line 6683, ../../../scss/_clix2017.scss */
+/* line 6708, ../../../scss/_clix2017.scss */
 [class*="mid-img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 104px;
 }
-/* line 6686, ../../../scss/_clix2017.scss */
+/* line 6711, ../../../scss/_clix2017.scss */
 [class*="mid-img-banner-card-"] .unit_banner {
   height: 85px;
 }
 
-/* line 6691, ../../../scss/_clix2017.scss */
+/* line 6716, ../../../scss/_clix2017.scss */
 .view-progress-report {
   /* padding: 0 2rem; */
   background: none;
@@ -6490,7 +6517,7 @@ input.transcript-toggler {
   width: 62px;
   margin-right: -15px;
 }
-/* line 6711, ../../../scss/_clix2017.scss */
+/* line 6736, ../../../scss/_clix2017.scss */
 .view-progress-report:hover {
   background-color: #fff;
   color: #912a7d;
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
index f216194217..5061087e70 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -4871,6 +4871,31 @@ $inCompleteBgColor: #fd9e29;
 
 }
 
+
+.accordion {
+    background-color: #eee;
+    color: #444;
+    cursor: pointer;
+    padding: 18px;
+    width: 100%;
+    border: none;
+    text-align: left;
+    outline: none;
+    font-size: 15px;
+    transition: 0.4s;
+}
+
+.active, .accordion:hover {
+    background-color: #6f0859; 
+}
+
+.panel {
+    padding: 0 18px;
+    display: none;
+    background-color: white;
+    overflow: hidden;
+}
+
 .dropdown-settings{
     text-align: left;
     text-transform: none;
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_about.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_about.html
index 886961345b..f92004536e 100755
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_about.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_about.html
@@ -13,6 +13,8 @@
   <link href="/static/ndf/bower_components/datatables-plugins/integration/foundation/dataTables.foundation.css" rel="stylesheet" type="text/css" />
 {% endif %}
 <style type="text/css">
+
+
     .right-btn, .left-btn{
         /*float: left;*/
         /*margin-left: 1rem;*/
@@ -103,166 +105,6 @@
 <script src="/static/ndf/bower_components/d3/d3.js"></script>
 <input type="hidden" class="admin_analytics_fetched" value="False">
 
-<div id="course-about">
-
-  <div class="about-course">
-    <h5>Description:</h5>
-      <div class="course-desc" id="scstyle">
-          {{group_object.content|default:'No description added yet.'|safe}}
-      </div>
-      <div>
-        <u><a class="show-more hide">Show more</a></u>
-      </div>
-      <br/>
-      {% if group_object.tags %}
-          <h5>Tags:</h5>
-          {% for tag in group_object.tags %}
-                  <small><label class="tag-ele">
-              <a href="{% url 'tag_info' group_id tag %}">{{tag}} </a></label></small>
-          {% endfor %} 
-      {% else %}
-          <!-- <i><small><label class="tag-ele">{% trans "No tags defined yet!" %}</label></small></i> -->
-      {% endif %}
-  </div>
-
-  <div class="about-course">
-
-      <div class="medium-3 rows">
-        <div class="left">
-          <i class="icon-wid fa fa-user"></i>
-        </div>
-        <div class="left">
-          <h5>No. of Members</h5>
-          <div class="course-highlight">
-        <span>
-          {{group_object.author_set|length}} 
-        </span>
-
-          </div>
-        </div>
-      </div>
-      <br/>
-      <br/>
-     
-
-      {% if show_analytics_notifications %}
-      <div class="medium-3 rows">
-        <div class="left">
-          <i class="icon-wid fa fa-list"></i>
-        </div>
-        <div class="left module_text">
-          <h5>No. of {% firstof group_object.project_config.tab_name 'Lessons' %}</h5>
-          <div class="course-highlight">
-             <span>{{group_object.collection_set|length}}</span>
-          </div>
-        </div>
-      </div>
-      <br/>
-
-     
-      
-      <br/>
-      
-        {% if 'Group' not in  group_obj.member_of_names_list %}
-      <div class="medium-3 rows">
-        <div class="left">
-          <i class="icon-wid fa fa-clock-o"></i>
-        </div>
-        <div class="left">
-          <h5>  Course Duration</h5>
-          <div class="course-highlight">
-            <span>{{weeks_count}} week{{weeks_count|pluralize}}</span>
-          </div>
-        </div>
-      </div>
-      <br/>
-        {% endif %}
-      {% endif %}
-    </div>
-
-
-
-
-{% if educationallevel_val %}
- 
-    <div class="about-course">
-    <div class="medium-3 rows">
-        <div class="left">
-          <i class="icon-wid fi-results-demographics"></i>
-        </div>
-        <div class="left">
-          <h5>Grade</h5>
-          <div class="course-highlight">
-             <span> {{educationallevel_val}}</span>
-          </div>
-        </div>
-      </div>
-      <br/>
-
-     
-      
-      <br/>
-      
-    </div>
- 
-{% endif %}
-
-{% if educationalsubject_val %}
-  
-    <div class="about-course">
-    <div class="medium-3 rows">
-        <div class="left">
-          <i class="icon-wid fa fa-book"></i>
-        </div>
-        <div class="left">
-          <h5>Subject</h5>
-          <div class="course-highlight">
-              <span>{{educationalsubject_val}}</span>
-          </div>
-        </div>
-      </div>
-      <br/>
-
-     
-      
-      <br/>
-
-      
-        {# </div> #}
-    </div>
-  
-{% endif %}
-
-{# <div class="row"> #}
-  <div class="about-course">
-    <div class="medium-3 rows">
-        <div class="left">
-          <i class="icon-wid fa fa-calendar"></i>
-        </div>
-        <div class="left">
-          <h5>Created On</h5>
-          <div class="course-highlight">
-              <span> {{group_obj.created_at}}</span>
-          </div>
-        </div>
-      </div>
-      <br/>
-
-     
-      
-      <br/>
-  
-      {# </div> #}
-  </div>
-{# </div> #}
-
-<br/>
-<br/>
-
-
-
-
-
 
 {% if show_analytics_notifications %}
 {% check_is_gstaff group_id request.user as gstaff_access %}
@@ -332,6 +174,25 @@ <h3>Taking Screenshots of the work and doing something</h3>
     </div>
   </div>
   <script type="text/javascript">
+
+
+
+  //
+
+var acc = document.getElementsByClassName("accordion");
+var i;
+
+for (i = 0; i < acc.length; i++) {
+    acc[i].addEventListener("click", function() {
+        this.classList.toggle("active");
+        var panel = this.nextElementSibling;
+        if (panel.style.display === "block") {
+            panel.style.display = "none";
+        } else {
+            panel.style.display = "block";
+        }
+    });
+}
       // Student analytics view
       $(document).on('click','.fetch-analytics',function(){
           var user_id = $(this).attr("data-id");
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
index a9e08d5d63..1d807d73a4 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
@@ -1,4 +1,139 @@
 <div class="course-content">
+    <button class="accordion">Overview</button>
+    <div class="panel">
+         <div class="about-course">
+            <h5>Description:</h5>
+              <div class="course-desc" id="scstyle">
+            {% comment %}
+                {{group_object.content|default:'No description added yet.'|safe}}
+            {% endcomment %}
+              </div>
+              <div>
+                <u><a class="show-more hide">Show more</a></u>
+              </div>
+              <br/>
+            {% comment %}
+            {% if group_object.tags %}
+                <h5>Tags:</h5>
+                {% for tag in group_object.tags %}
+                    <small><label class="tag-ele">
+                      <a href="{% url 'tag_info' group_id tag %}">{{tag}} </a></label></small>
+                {% endfor %} 
+            {% else %}
+                <!-- <i><small><label class="tag-ele">{% trans "No tags defined yet!" %}</label></small></i> -->
+            {% endif %}
+            {% endcomment %}
+        </div>
+
+        <div class="about-course">
+            <div class="medium-3 rows">
+              <div class="left">
+                <i class="icon-wid fa fa-user"></i>
+              </div>
+              <div class="left">
+                <h5>No. of Members</h5>
+                  <div class="course-highlight">
+                    <span>
+                      {{group_object.author_set|length}} 
+                    </span>
+                  </div>
+              </div>
+            </div>
+            <br/>
+            <br/>
+        </div>
+       
+        {% comment %}
+        {% if show_analytics_notifications %}
+          <div class="medium-3 rows">
+            <div class="left">
+              <i class="icon-wid fa fa-list"></i>
+            </div>
+            <div class="left module_text">
+              <h5>No. of {% firstof group_object.project_config.tab_name 'Lessons' %}</h5>
+              <div class="course-highlight">
+                 <span>{{group_object.collection_set|length}}</span>
+              </div>
+            </div>
+          </div>
+          <br/>
+          <br/>
+        
+          {% if 'Group' not in  group_obj.member_of_names_list %}
+            <div class="medium-3 rows">
+              <div class="left">
+                <i class="icon-wid fa fa-clock-o"></i>
+              </div>
+              <div class="left">
+                <h5>  Course Duration</h5>
+                <div class="course-highlight">
+                  <span>{{weeks_count}} week{{weeks_count|pluralize}}</span>
+                </div>
+              </div>
+            </div>
+            <br/>
+          {% endif %}
+        {% endif %}
+      </div>
+
+      {% if educationallevel_val %}
+        <div class="about-course">
+          <div class="medium-3 rows">
+              <div class="left">
+                <i class="icon-wid fi-results-demographics"></i>
+              </div>
+              <div class="left">
+                <h5>Grade</h5>
+                <div class="course-highlight">
+                   <span> {{educationallevel_val}}</span>
+                </div>
+              </div>
+            </div>
+            <br/>
+
+           
+            
+            <br/>
+            
+        </div>
+       
+      {% endif %}
+
+      {% if educationalsubject_val %}
+          <div class="about-course">
+            <div class="medium-3 rows">
+              <div class="left">
+                <i class="icon-wid fa fa-book"></i>
+              </div>
+              <div class="left">
+                <h5>Subject</h5>
+                <div class="course-highlight">
+                    <span>{{educationalsubject_val}}</span>
+                </div>
+              </div>
+            </div>
+            <br/>
+            <br/>
+          </div>
+      {% endif %}
+
+      <div class="about-course">
+        <div class="medium-3 rows">
+            <div class="left">
+              <i class="icon-wid fa fa-calendar"></i>
+            </div>
+            <div class="left">
+              <h5>Created On</h5>
+              <div class="course-highlight">
+                  <span> {{group_obj.created_at}}</span>
+              </div>
+            </div>
+        </div>
+          <br/>
+          <br/>
+      </div>
+    {% endcomment %}
+    </div>
     <div id="tree1">
     </div>
 </div>
@@ -9,6 +144,21 @@
         'INPROGRESS': 'fill-orange-circle',
     }
 
+    var acc = document.getElementsByClassName("accordion");
+    var i;
+
+for (i = 0; i < acc.length; i++) {
+    acc[i].addEventListener("click", function() {
+        this.classList.toggle("active");
+        var panel = this.nextElementSibling;
+        if (panel.style.display === "block") {
+            panel.style.display = "none";
+        } else {
+            panel.style.display = "block";
+        }
+    });
+}
+
 
 
     $(function(){

From 595b48b50049ba03e0e594583a0b91a3bd93e5d3 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 5 Apr 2018 14:08:04 +0530
Subject: [PATCH 02/26] notification icon added in header

---
 .../ndf/templates/ndf/header_clix.html        |   1 +
 .../templates/ndf/notification_detail.html    | 102 ++++++++++++++++++
 gnowsys-ndf/gnowsys_ndf/ndf/urls/group.py     |   1 +
 gnowsys-ndf/gnowsys_ndf/ndf/views/group.py    |  50 +++++++++
 4 files changed, 154 insertions(+)
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
index 59837c4772..f2a260d2d8 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
@@ -89,6 +89,7 @@
                 
             </ul>
             <ul class="right show-for-medium-up top-right-menu">
+                <li class=""><a title="Click here to view Notifications" target="_blank" href="{% url 'notification_details' groupid %}"> <i class="fa fa-bell-o"></i></a></li>
                 {% if help_oid %}
                     <li class=""><a title="Click here to view FAQ Help" {% if title == 'Help Page'  %} class="active" {% endif %} target="_blank" href="{% url 'course_content' help_oid %}"> <i class="fa fa-info-circle"></i> Help </a></li>
                 {% endif %}
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html
new file mode 100644
index 0000000000..59de3aa8ef
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html
@@ -0,0 +1,102 @@
+{% extends "ndf/gbase.html" %}
+{% load i18n %}
+{% load ndf_tags %}
+{% block body_content %}
+
+<style type="text/css">
+  
+  .notification_body{
+    max-width: 1546px !important;
+    margin: 0 auto !important;
+    display: -moz-box !important;
+    display: -ms-flexbox !important;
+    display: -webkit-box !important;
+    display: -webkit-flex !important;
+    display: flex !important;
+    flex-direction: column !important;
+    padding-bottom: 32px !important;
+    -webkit-flex-direction: column !important;
+    -ms-flex-direction: column !important;
+    -webkit-box-orient: vertical !important;
+    -webkit-box-direction: normal !important;
+    background: #fff;
+    box-shadow: 0px 2px 6px #000;
+  }
+        
+    .notifications_content{
+            display: -moz-box !important;
+            display: -ms-flexbox !important;
+            display: -webkit-box !important;
+            display: -webkit-flex !important;
+            display: flex !important;
+            align-items: center !important;
+            justify-content: space-between !important;
+            width: 100% !important;
+            box-sizing: border-box !important;
+            padding: 16px 8px !important;
+            -webkit-align-items: center !important;
+            -webkit-justify-content: space-between !important;
+            -moz-box-sizing: border-box !important;
+            -ms-flex-align: center !important;
+            -webkit-box-align: center !important;
+            -ms-flex-pack: justify !important;
+            -webkit-box-pack: justify !important;
+                &:hover{
+                background: #F0F1F2 !important;
+            }
+    .content-body{
+            border-bottom: 1px solid #D6D8DA !important;
+
+    }
+
+</style>
+    
+
+
+
+{% for each in activity_list %}
+  {% if "File" in each.member_of_names_list or "Task" in each.member_of_names_list or "Theme" in each.member_of_names_list or "Asset" in each.member_of_names_list or "Topic" in each.member_of_names_list or "theme_item" in each.member_of_names_list   %}
+    <div class="notification_body">
+      <div class="content-body">
+        <div class="notifications_content">
+            <div class="small-1 columns">
+                  {% if "File" in each.member_of_names_list and each.relation_set.0.assetcontent_of.0 %}
+                    
+                    <a href="{% url 'assetcontent_detail' group_id each.relation_set.0.assetcontent_of.0 each.pk %}">
+                      <img class="img-circle" src="{{MEDIA_URL}}{{each.if_file.original.relurl}}" style="margin-top:-12px;"/>
+                    </a>
+                  {% elif "File" in each.member_of_names_list %}
+                    <a href="">
+                      <img class="img-circle" src="{{MEDIA_URL}}{{each.if_file.original.relurl}}" style="margin-top:-12px;"/>
+                    </a>
+                  {% elif "Asset" in each.member_of_names_list %}
+                    <a href="{% url 'asset_detail' group_id each.pk %}">
+                      <img class="img-circle" src="/static/ndf/images/gnu-head.png" style="margin-top:-12px;"/>
+                    </a>
+                  {% elif "Theme" in each.member_of_names_list %}
+                    <a href="{% url 'curriculum_detail' group_id each.pk %}">
+                      <img class="img-circle" src="/static/ndf/images/gnu-head.png" style="margin-top:-12px;"/>
+                    </a>
+                  {% else %}
+                      <img class="img-circle" src="/static/ndf/images/gnu-head.png" style="margin-top:-12px;"/>
+                  
+                  {% endif %}
+            </div>
+            <div class="small-14 columns">
+            {{each.created_by|get_username}}  {{each.relation_set.0.assetcontent_of.0}}  {{each.activity}}
+            </div>
+        </div>
+        <div style="
+        color: orange;
+        margin-left: 140px;
+        margin-top: -25px;
+    ">
+          <i class="fa fa-clock-o fa-1x" aria-hidden="true"></i> created {{each.created_at|timesince}} ago.
+        </div>
+      </div>
+    </div>
+  {% endif %}
+{% endfor %}
+    
+{% endblock body_content %}
+
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/urls/group.py b/gnowsys-ndf/gnowsys_ndf/ndf/urls/group.py
index 682fdd7692..86b301a352 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/urls/group.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/urls/group.py
@@ -17,6 +17,7 @@
                         url(r'^/upload_using_save_file/', 'upload_using_save_file', name='upload_using_save_file'),
                         #url(r'^/(?P<groups_category>[\w-]+)/nroer_groups/?$', 'nroer_groups', name='nroer_groups'),
                         url(r'^/(?P<app_id>[\w-]+)/value/(?P<agency_type>[\w-]+)/?$', 'group', name='groups_by_agency_type'),
+                        url(r'^/notification/details','notification_details' , name='notification_details'),
                     )
 
 urlpatterns += patterns('gnowsys_ndf.ndf.views.ajax_views',
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py
index ff17610f63..062c655d4e 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py
@@ -3004,3 +3004,53 @@ def upload_using_save_file(request,group_id):
     else:
         return HttpResponseRedirect( reverse('file_detail', kwargs={"group_id": group_id,'_id':fileobj_id}))
     # return HttpResponseRedirect(url_name)
+
+
+
+@get_execution_time
+def notification_details(request,group_id):
+    from gnowsys_ndf.ndf.views.utils import get_dict_from_list_of_dicts
+    group_name, group_id = get_group_name_id(group_id)
+    group_obj = node_collection.find({'group_set':ObjectId(group_id)}).sort('last_update', -1)
+    files_list = []
+    user_activity = []
+    user_activity_append_temp=user_activity.append
+    files_list_append_temp=files_list.append
+    for each in group_obj:
+      if each.created_by == each.modified_by :
+        if each.last_update == each.created_at:
+          if each.if_file.mime_type:
+            activity =  'created in asset'
+          else:
+            activity =  'created ' + each.name 
+              
+        else:
+          rel_set_dict = get_dict_from_list_of_dicts(each.relation_set)
+          if each.if_file.mime_type and 'assetcontent_of' in rel_set_dict:
+            node_obj = Node.get_node_by_id(each.relation_set[0]['assetcontent_of'][0])
+            activity =  'uploaded ' + each.name +  ' in ' + node_obj.name
+          elif 'Asset' in each.member_of_names_list and 'asset@gallery' in each.tags:
+            activity =  'Modified Folder ' + each.name
+          elif 'Asset' in each.member_of_names_list and 'raw@material' in each.tags:
+            activity =  'Modified Resource ' + each.name
+          elif 'Asset' in each.member_of_names_list:
+            activity =  'Modified Asset ' + each.name
+          else:
+            activity =  'Modified ' + each.name
+
+      else:
+        activity =  'created ' + each.name
+      if each._type == 'Group':
+        user_activity_append_temp(each)
+      each.update({'activity':activity})
+      files_list_append_temp(each)
+    
+
+    return render_to_response('ndf/notification_detail.html',
+                                { 
+                                  'group_id': group_id,
+                                  'groupid':group_id,
+                                  'activity_list' : files_list
+                                },
+                                context_instance = RequestContext(request)
+                            )

From d231fa2cc762592bf87f121a477fa8a7d0347a49 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 5 Apr 2018 16:14:13 +0530
Subject: [PATCH 03/26] workspace creation from GSTUDIO_INSTITUTE_ID
 ,GSTUDIO_INSTITUTE_NAME

---
 .../create_workspace_from_institute_id.py     | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 doc/deployer/create_workspace_from_institute_id.py

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
new file mode 100644
index 0000000000..16ead6371d
--- /dev/null
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -0,0 +1,32 @@
+from gnowsys_ndf.ndf.models import *
+from gnowsys_ndf.settings import GSTUDIO_INSTITUTE_ID ,GSTUDIO_INSTITUTE_NAME
+
+workspace_name = GSTUDIO_INSTITUTE_ID+"-"+GSTUDIO_INSTITUTE_NAME
+gst_group_id = node_collection.one({'_type': 'GSystemType', 'name': 'Group'})._id
+group_obj = node_collection.one({'_type': 'Group', 'name': unicode(GSTUDIO_INSTITUTE_ID)})
+if GSTUDIO_INSTITUTE_ID and GSTUDIO_INSTITUTE_NAME: 
+	if not group_obj:
+		group_obj = node_collection.collection.Group()
+		group_obj.name = unicode(GSTUDIO_INSTITUTE_ID.strip())
+		group_obj.altnames = unicode(workspace_name.strip())
+		group_obj.access_policy = u"PUBLIC"
+		group_obj.subscription_policy=u"OPEN"
+		group_obj.group_type = u"PUBLIC"
+		group_obj.created_by = 1
+		group_obj.modified_by = 1
+		group_obj.contributors = [1]
+		group_obj.encryption_policy = u"NOT_ENCRYPTED"
+		group_obj.disclosure_policy = u"DISCLOSED_TO_MEM"
+		group_obj.edit_policy = u"EDITABLE_NON_MODERATED"
+		group_obj.status = u"PUBLISHED"
+		group_obj.visibility_policy = u"ANNOUNCED"
+		group_obj.member_of = [gst_group_id]
+		group_obj.agency_type = u"School"
+
+		group_obj.save()
+		print "workspace created:",group_obj.altnames
+	else:
+		if gst_group_id not in group_obj.member_of:
+	  		group_obj.member_of = [gst_group_id]
+			group_obj.save()
+	    	print "\n Already exists Group: ", workspace_name
\ No newline at end of file

From 6660e976deb4facac1f3c75313f673ee94039308 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 5 Apr 2018 16:19:08 +0530
Subject: [PATCH 04/26] author_set appending while creating institute workspace

---
 doc/deployer/create_workspace_from_institute_id.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index 16ead6371d..e4c0786848 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -15,6 +15,7 @@
 		group_obj.created_by = 1
 		group_obj.modified_by = 1
 		group_obj.contributors = [1]
+		group_obj.author_set = [1]
 		group_obj.encryption_policy = u"NOT_ENCRYPTED"
 		group_obj.disclosure_policy = u"DISCLOSED_TO_MEM"
 		group_obj.edit_policy = u"EDITABLE_NON_MODERATED"

From 39ae9952128f5953fc0d45f69c66835ffa8a95b2 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Thu, 12 Apr 2018 17:37:44 +0530
Subject: [PATCH 05/26] CMS view css fixed

---
 .../static/ndf/css/themes/clix/clix2017.css   | 1099 ++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        |    3 +-
 2 files changed, 550 insertions(+), 552 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
index 395da3fbd8..25e7c1eace 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
@@ -2771,31 +2771,30 @@ ul.jqtree-tree .jqtree-toggler:hover {
   max-height: 100%;
   overflow-y: auto;
   height: 100vh;
-  position: fixed;
 }
-/* line 2946, ../../../scss/_clix2017.scss */
+/* line 2945, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd {
   border-bottom: 2px solid #9abfd9;
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 2952, ../../../scss/_clix2017.scss */
+/* line 2951, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd:hover li {
   color: #164A7B;
 }
-/* line 2957, ../../../scss/_clix2017.scss */
+/* line 2956, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 2962, ../../../scss/_clix2017.scss */
+/* line 2961, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation > a:before {
   position: absolute;
   left: 23px;
   line-height: 20px;
   color: #74b3dc;
 }
-/* line 2971, ../../../scss/_clix2017.scss */
+/* line 2970, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -2804,7 +2803,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 2978, ../../../scss/_clix2017.scss */
+/* line 2977, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
   color: #c9d1d8;
   font-weight: 400;
@@ -2812,15 +2811,15 @@ ul.jqtree-tree .jqtree-toggler:hover {
   display: block;
   position: relative;
 }
-/* line 2986, ../../../scss/_clix2017.scss */
+/* line 2985, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
   display: none;
 }
-/* line 2991, ../../../scss/_clix2017.scss */
+/* line 2990, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions {
   margin-bottom: 0px;
 }
-/* line 2994, ../../../scss/_clix2017.scss */
+/* line 2993, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions li {
   white-space: nowrap;
   list-style: inline-block;
@@ -2828,22 +2827,22 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 3000, ../../../scss/_clix2017.scss */
+/* line 2999, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions li:hover {
   border-bottom: 1px solid #9e2289;
   color: #ce7869;
 }
-/* line 3014, ../../../scss/_clix2017.scss */
+/* line 3013, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation.active > a:before {
   content: '';
   line-height: 55px;
   color: #d7d7d7;
 }
-/* line 3022, ../../../scss/_clix2017.scss */
+/* line 3021, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 3024, ../../../scss/_clix2017.scss */
+/* line 3023, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -2852,7 +2851,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 3031, ../../../scss/_clix2017.scss */
+/* line 3030, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -2860,11 +2859,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 3040, ../../../scss/_clix2017.scss */
+/* line 3039, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 3049, ../../../scss/_clix2017.scss */
+/* line 3048, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -2876,49 +2875,49 @@ ul.jqtree-tree .jqtree-toggler:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 3059, ../../../scss/_clix2017.scss */
+/* line 3058, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header {
   height: 55px;
   background-color: #e5f1f6;
   border-bottom: 1px solid #e6e6e7;
   margin-bottom: 10px;
 }
-/* line 3065, ../../../scss/_clix2017.scss */
+/* line 3064, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .header-left {
   padding: 14px 10px 10px 10px;
 }
-/* line 3068, ../../../scss/_clix2017.scss */
+/* line 3067, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 3077, ../../../scss/_clix2017.scss */
+/* line 3076, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 3082, ../../../scss/_clix2017.scss */
+/* line 3081, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   height: 55px;
 }
-/* line 3086, ../../../scss/_clix2017.scss */
+/* line 3085, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 3088, ../../../scss/_clix2017.scss */
+/* line 3087, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 3091, ../../../scss/_clix2017.scss */
+/* line 3090, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li:not(:first-child) {
   padding: 1px 30px;
   border-left: 1px solid #ccc;
   text-align: center;
 }
-/* line 3097, ../../../scss/_clix2017.scss */
+/* line 3096, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -2926,29 +2925,29 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 15px 5px;
   cursor: pointer;
 }
-/* line 3112, ../../../scss/_clix2017.scss */
+/* line 3111, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .add-lesson {
   margin-top: 20px;
   margin-left: 20px;
   float: left;
 }
-/* line 3120, ../../../scss/_clix2017.scss */
+/* line 3119, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .add_activity {
   margin-top: 3px;
 }
-/* line 3126, ../../../scss/_clix2017.scss */
+/* line 3125, ../../../scss/_clix2017.scss */
 .course_creator .course_editor .create_activity {
   margin-top: 0px;
   margin-left: -7.1px;
 }
-/* line 3135, ../../../scss/_clix2017.scss */
+/* line 3134, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode button {
   color: #5097b5;
   border-color: #5097b5;
   transition: color 1s ease, border-color 1s ease;
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
-/* line 3140, ../../../scss/_clix2017.scss */
+/* line 3139, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -2956,28 +2955,28 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background-color: #2a6882;
   border: 1px solid #e5f1f6;
 }
-/* line 3147, ../../../scss/_clix2017.scss */
+/* line 3146, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd {
   border-color: #295566;
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 3152, ../../../scss/_clix2017.scss */
+/* line 3151, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a {
   background: inherit;
   color: #8fbbd8;
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 3157, ../../../scss/_clix2017.scss */
+/* line 3156, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity {
   width: 20px;
 }
-/* line 3159, ../../../scss/_clix2017.scss */
+/* line 3158, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity i {
   display: block;
 }
-/* line 3163, ../../../scss/_clix2017.scss */
+/* line 3162, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity > .entity_actions {
   display: none;
   position: absolute;
@@ -2989,21 +2988,21 @@ ul.jqtree-tree .jqtree-toggler:hover {
   color: #999999;
   border-radius: 3px;
 }
-/* line 3174, ../../../scss/_clix2017.scss */
+/* line 3173, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity > .entity_actions li {
   display: block;
   margin: 0px;
   padding: 5px 25px;
 }
-/* line 3179, ../../../scss/_clix2017.scss */
+/* line 3178, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity > .entity_actions li:hover {
   background-color: #d5f2ff;
 }
-/* line 3185, ../../../scss/_clix2017.scss */
+/* line 3184, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation a .edit_entity:hover > .entity_actions {
   display: block;
 }
-/* line 3191, ../../../scss/_clix2017.scss */
+/* line 3190, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation .course-activities > li {
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
@@ -3011,19 +3010,19 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-color: #295566;
   border-bottom: 1px solid transparent;
 }
-/* line 3198, ../../../scss/_clix2017.scss */
+/* line 3197, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation .course-activities > li:not(:last-child):hover, .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation .course-activities > li:not(:last-child).active {
   border-width: 1px 0px 1px 0px;
   border-style: solid;
   border-color: #50c0f8;
 }
-/* line 3205, ../../../scss/_clix2017.scss */
+/* line 3204, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #edf6ff;
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 3216, ../../../scss/_clix2017.scss */
+/* line 3215, ../../../scss/_clix2017.scss */
 .course_creator .course_editor.edit_mode .course-editor-section {
   width: 77%;
   opacity: 1;
@@ -3034,18 +3033,18 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: width 1.9s ease, opacity 4s ease;
 }
 
-/* line 3235, ../../../scss/_clix2017.scss */
+/* line 3234, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th {
   width: 100%;
   height: 210px;
   box-shadow: none;
 }
-/* line 3240, ../../../scss/_clix2017.scss */
+/* line 3239, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th > img {
   height: 180px;
   width: 100%;
 }
-/* line 3245, ../../../scss/_clix2017.scss */
+/* line 3244, ../../../scss/_clix2017.scss */
 .tile_modal .editor_modal_content .modal_tile .th > span {
   display: block;
   width: 100%;
@@ -3053,76 +3052,76 @@ ul.jqtree-tree .jqtree-toggler:hover {
   line-height: 22px;
 }
 
-/* line 3259, ../../../scss/_clix2017.scss */
+/* line 3258, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content > div {
   width: 100%;
 }
-/* line 3261, ../../../scss/_clix2017.scss */
+/* line 3260, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content > div > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3266, ../../../scss/_clix2017.scss */
+/* line 3265, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row {
   margin-bottom: 39px;
 }
-/* line 3269, ../../../scss/_clix2017.scss */
+/* line 3268, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_image {
   padding: 10px;
 }
-/* line 3272, ../../../scss/_clix2017.scss */
+/* line 3271, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_image > div {
   border: 1px solid #999;
   height: 222px;
 }
-/* line 3278, ../../../scss/_clix2017.scss */
+/* line 3277, ../../../scss/_clix2017.scss */
 #appModal .editor_modal_content .app_row .app_desc {
   padding-left: 10px;
 }
 
-/* line 3287, ../../../scss/_clix2017.scss */
+/* line 3286, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_title {
   color: #3c5264;
 }
-/* line 3292, ../../../scss/_clix2017.scss */
+/* line 3291, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_actions > a {
   display: inline-block;
 }
-/* line 3295, ../../../scss/_clix2017.scss */
+/* line 3294, ../../../scss/_clix2017.scss */
 .editor_modal .editor_modal_actions > a.close-reveal-modal {
   line-height: inherit;
   position: inherit;
   color: #c601bc;
 }
 
-/* line 3305, ../../../scss/_clix2017.scss */
+/* line 3304, ../../../scss/_clix2017.scss */
 .reveal-modal-overlay, dialog {
   padding: 0px;
   padding-bottom: 13px;
 }
 
-/* line 3310, ../../../scss/_clix2017.scss */
+/* line 3309, ../../../scss/_clix2017.scss */
 .overlay-title {
   margin: 15px 10px 10px 10px;
   letter-spacing: -1px;
 }
 
-/* line 3315, ../../../scss/_clix2017.scss */
+/* line 3314, ../../../scss/_clix2017.scss */
 .custom_dropdown {
   position: relative;
   z-index: 10;
   display: inline-block;
 }
-/* line 3321, ../../../scss/_clix2017.scss */
+/* line 3320, ../../../scss/_clix2017.scss */
 .custom_dropdown > a {
   height: 30px;
   display: block;
 }
-/* line 3327, ../../../scss/_clix2017.scss */
+/* line 3326, ../../../scss/_clix2017.scss */
 .custom_dropdown:hover .dropdown_content {
   display: block;
 }
-/* line 3332, ../../../scss/_clix2017.scss */
+/* line 3331, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content {
   background-color: #fff;
   border-radius: 10px;
@@ -3131,35 +3130,35 @@ ul.jqtree-tree .jqtree-toggler:hover {
   top: 30px;
   border: 1px solid #ccc;
 }
-/* line 3340, ../../../scss/_clix2017.scss */
+/* line 3339, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content.left_align {
   left: -54px;
 }
-/* line 3344, ../../../scss/_clix2017.scss */
+/* line 3343, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content.right_align {
   right: -10px;
 }
-/* line 3348, ../../../scss/_clix2017.scss */
+/* line 3347, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li {
   padding: 10px 35px;
   list-style: none;
   white-space: nowrap;
 }
-/* line 3353, ../../../scss/_clix2017.scss */
+/* line 3352, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li a {
   margin: 0px;
   width: 70px;
 }
-/* line 3358, ../../../scss/_clix2017.scss */
+/* line 3357, ../../../scss/_clix2017.scss */
 .custom_dropdown .dropdown_content li:hover {
   background-color: #d5f2ff;
 }
-/* line 3365, ../../../scss/_clix2017.scss */
+/* line 3364, ../../../scss/_clix2017.scss */
 .custom_dropdown a {
   color: #999999;
 }
 
-/* line 3371, ../../../scss/_clix2017.scss */
+/* line 3370, ../../../scss/_clix2017.scss */
 .button-hollow-purple {
   background: inherit;
   border: 2px solid #c601bc;
@@ -3173,7 +3172,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
 
-/* line 3384, ../../../scss/_clix2017.scss */
+/* line 3383, ../../../scss/_clix2017.scss */
 .button-hollow-grey {
   background: inherit;
   border: 2px solid #c9d1d8;
@@ -3186,11 +3185,11 @@ ul.jqtree-tree .jqtree-toggler:hover {
   transition: color 1s ease, border-color 1s ease;
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
-/* line 3395, ../../../scss/_clix2017.scss */
+/* line 3394, ../../../scss/_clix2017.scss */
 .button-hollow-grey:hover {
   background-color: #f5f5f5;
 }
-/* line 3400, ../../../scss/_clix2017.scss */
+/* line 3399, ../../../scss/_clix2017.scss */
 .button-hollow-grey > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -3202,7 +3201,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-right: 1px;
 }
 
-/* line 3412, ../../../scss/_clix2017.scss */
+/* line 3411, ../../../scss/_clix2017.scss */
 .button-hollow-blue {
   background: inherit;
   border: 2px solid #2b4a7b;
@@ -3215,88 +3214,88 @@ ul.jqtree-tree .jqtree-toggler:hover {
   -webkit-transition: color 1s ease, border-color 1s ease;
 }
 
-/* line 3423, ../../../scss/_clix2017.scss */
+/* line 3422, ../../../scss/_clix2017.scss */
 .save_edit_activity {
   margin-right: 16.9px;
   margin-top: 37.3px;
 }
 
-/* line 3428, ../../../scss/_clix2017.scss */
+/* line 3427, ../../../scss/_clix2017.scss */
 .activity-name {
   margin-left: 20px;
   margin-top: 5px;
 }
 
-/* line 3433, ../../../scss/_clix2017.scss */
+/* line 3432, ../../../scss/_clix2017.scss */
 .activity-name-label {
   width: 80%;
   margin-left: 20px;
   margin-top: 5px;
 }
 
-/* line 3440, ../../../scss/_clix2017.scss */
+/* line 3439, ../../../scss/_clix2017.scss */
 .create_activity_new {
   margin-left: -15px;
 }
 
-/* line 3444, ../../../scss/_clix2017.scss */
+/* line 3443, ../../../scss/_clix2017.scss */
 .create-discussion {
   position: relative;
   margin-bottom: 20px;
 }
-/* line 3448, ../../../scss/_clix2017.scss */
+/* line 3447, ../../../scss/_clix2017.scss */
 .create-discussion > div {
   display: inline-block;
   vertical-align: top;
   margin: 5px 0px;
 }
-/* line 3454, ../../../scss/_clix2017.scss */
+/* line 3453, ../../../scss/_clix2017.scss */
 .create-discussion .button {
   margin: 5px 0px;
 }
-/* line 3457, ../../../scss/_clix2017.scss */
+/* line 3456, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment {
   width: 85%;
   margin-left: 1em;
 }
-/* line 3461, ../../../scss/_clix2017.scss */
+/* line 3460, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3466, ../../../scss/_clix2017.scss */
+/* line 3465, ../../../scss/_clix2017.scss */
 .create-discussion .ckeditor-content-comment .ckeditor-reply-area {
   width: 90%;
 }
 
-/* line 3473, ../../../scss/_clix2017.scss */
+/* line 3472, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply {
   margin-top: 1em;
   /*width: 97%;*/
 }
-/* line 3477, ../../../scss/_clix2017.scss */
+/* line 3476, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .ckeditor-reply-area {
   display: inline-block;
   width: 90%;
   margin-left: 1em;
 }
-/* line 3482, ../../../scss/_clix2017.scss */
+/* line 3481, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn-div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3486, ../../../scss/_clix2017.scss */
+/* line 3485, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 3490, ../../../scss/_clix2017.scss */
+/* line 3489, ../../../scss/_clix2017.scss */
 #replies-area .ckeditor-content-reply .post-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
-/* line 3499, ../../../scss/_clix2017.scss */
+/* line 3498, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies {
   /*background-color:#ddd;*/
   margin-left: 48px;
@@ -3305,16 +3304,16 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-top: 1px solid #B1B1B1;
   width: 80%;
 }
-/* line 3508, ../../../scss/_clix2017.scss */
+/* line 3507, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .reply-btn {
   cursor: pointer;
   color: grey !important;
 }
-/* line 3513, ../../../scss/_clix2017.scss */
+/* line 3512, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .reply-btn:hover {
   color: #000 !important;
 }
-/* line 3516, ../../../scss/_clix2017.scss */
+/* line 3515, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-title-username {
   color: #ffffff !important;
   height: 2em;
@@ -3322,7 +3321,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding-left: 10px;
   line-height: 1.5em;
 }
-/* line 3526, ../../../scss/_clix2017.scss */
+/* line 3525, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-footer {
   /*background-color:#CCCCCC;*/
   color: gray !important;
@@ -3332,19 +3331,19 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 0px 0px 5px 5px;
   /*background-color:  #f2f2f2;*/
 }
-/* line 3535, ../../../scss/_clix2017.scss */
+/* line 3534, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-footer > a {
   vertical-align: middle;
   line-height: 2em;
 }
-/* line 3541, ../../../scss/_clix2017.scss */
+/* line 3540, ../../../scss/_clix2017.scss */
 #replies-area .disc-replies .discussion-content {
   color: #262626;
   word-wrap: break-word;
   /*background-color:  #f2f2f2;*/
 }
 
-/* line 3553, ../../../scss/_clix2017.scss */
+/* line 3552, ../../../scss/_clix2017.scss */
 .bg-img {
   background: url(/static/ndf/images/i2c-bg.png);
   height: 100%;
@@ -3352,34 +3351,34 @@ ul.jqtree-tree .jqtree-toggler:hover {
   background-repeat: no-repeat;
 }
 
-/* line 3561, ../../../scss/_clix2017.scss */
+/* line 3560, ../../../scss/_clix2017.scss */
 .clix-text {
   z-index: -1;
 }
 
-/* line 3564, ../../../scss/_clix2017.scss */
+/* line 3563, ../../../scss/_clix2017.scss */
 .panel-mod {
   background-color: transparent;
   border: none;
 }
 
-/* line 3569, ../../../scss/_clix2017.scss */
+/* line 3568, ../../../scss/_clix2017.scss */
 .asset_content_upload {
   width: 100% !important;
 }
 
-/* line 3573, ../../../scss/_clix2017.scss */
+/* line 3572, ../../../scss/_clix2017.scss */
 #upload_asset {
   margin-top: 60px !important;
 }
 
-/* line 3577, ../../../scss/_clix2017.scss */
+/* line 3576, ../../../scss/_clix2017.scss */
 #profile-img {
   height: 40px;
   margin-right: 5px;
 }
 
-/* line 3582, ../../../scss/_clix2017.scss */
+/* line 3581, ../../../scss/_clix2017.scss */
 .profile-img {
   height: 40px;
   width: 40px;
@@ -3387,24 +3386,24 @@ ul.jqtree-tree .jqtree-toggler:hover {
   border-radius: 2px;
 }
 
-/* line 3589, ../../../scss/_clix2017.scss */
+/* line 3588, ../../../scss/_clix2017.scss */
 .activity-detail-page {
   margin-top: 20px;
   margin-left: 15px;
 }
 
-/* line 3598, ../../../scss/_clix2017.scss */
+/* line 3597, ../../../scss/_clix2017.scss */
 .activity-detail-content #scstyle header {
   margin-top: 0px !important;
 }
 
-/* line 3602, ../../../scss/_clix2017.scss */
+/* line 3601, ../../../scss/_clix2017.scss */
 .activity-editor {
   margin: 50px;
   margin-left: 15px;
 }
 
-/* line 3608, ../../../scss/_clix2017.scss */
+/* line 3607, ../../../scss/_clix2017.scss */
 .tag-ele {
   font-weight: normal;
   text-align: center;
@@ -3425,7 +3424,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
 }
 
 /* Tags styles */
-/* line 3631, ../../../scss/_clix2017.scss */
+/* line 3630, ../../../scss/_clix2017.scss */
 .asset-tags-container {
   width: 100%;
   height: 50px;
@@ -3433,16 +3432,16 @@ ul.jqtree-tree .jqtree-toggler:hover {
   padding: 5px 15px;
   margin-bottom: 65px;
 }
-/* line 3638, ../../../scss/_clix2017.scss */
+/* line 3637, ../../../scss/_clix2017.scss */
 .asset-tags-container .tag-input-ele {
   margin-left: 17px;
   width: 96%;
 }
-/* line 3643, ../../../scss/_clix2017.scss */
+/* line 3642, ../../../scss/_clix2017.scss */
 .asset-tags-container .added-tags-div {
   margin-left: -206px;
 }
-/* line 3648, ../../../scss/_clix2017.scss */
+/* line 3647, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn {
   color: #6f0859;
   padding: 7px 14px;
@@ -3457,13 +3456,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   display: inline-block;
 }
-/* line 3661, ../../../scss/_clix2017.scss */
+/* line 3660, ../../../scss/_clix2017.scss */
 .asset-tags-container #add-tag-btn:hover {
   background-color: #6f0859;
   color: white;
 }
 
-/* line 3669, ../../../scss/_clix2017.scss */
+/* line 3668, ../../../scss/_clix2017.scss */
 .tags-container {
   width: 100%;
   height: 50px;
@@ -3472,7 +3471,7 @@ ul.jqtree-tree .jqtree-toggler:hover {
   box-shadow: 1px 0px 0px #000;
   margin-bottom: 65px;
 }
-/* line 3677, ../../../scss/_clix2017.scss */
+/* line 3676, ../../../scss/_clix2017.scss */
 .tags-container .add-tag-heading span {
   width: 40%;
   color: #99aaba;
@@ -3483,17 +3482,17 @@ ul.jqtree-tree .jqtree-toggler:hover {
   margin-left: 8px;
   font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", "sans-serif";
 }
-/* line 3688, ../../../scss/_clix2017.scss */
+/* line 3687, ../../../scss/_clix2017.scss */
 .tags-container .tag-input-ele {
   margin-left: 193px;
   width: 54%;
 }
-/* line 3693, ../../../scss/_clix2017.scss */
+/* line 3692, ../../../scss/_clix2017.scss */
 .tags-container .added-tags-div {
   margin-left: 293px !important;
   width: 54%;
 }
-/* line 3698, ../../../scss/_clix2017.scss */
+/* line 3697, ../../../scss/_clix2017.scss */
 .tags-container #add-tag-btn {
   color: #ce7869;
   padding: 7px 14px;
@@ -3508,13 +3507,13 @@ ul.jqtree-tree .jqtree-toggler:hover {
   cursor: pointer;
   display: inline-block;
 }
-/* line 3711, ../../../scss/_clix2017.scss */
+/* line 3710, ../../../scss/_clix2017.scss */
 .tags-container #add-tag-btn:hover {
   background-color: rgba(206, 120, 105, 0.2);
   color: #ce7869;
 }
 
-/* line 3719, ../../../scss/_clix2017.scss */
+/* line 3718, ../../../scss/_clix2017.scss */
 .activity-lang {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -3530,39 +3529,39 @@ ul.jqtree-tree .jqtree-toggler:hover {
     width: 99%;
 }
 */
-/* line 3736, ../../../scss/_clix2017.scss */
+/* line 3735, ../../../scss/_clix2017.scss */
 .editor-div {
   height: 100%;
 }
 
-/* line 3740, ../../../scss/_clix2017.scss */
+/* line 3739, ../../../scss/_clix2017.scss */
 #asset-descid {
   margin-bottom: 7px;
 }
 
-/* line 3744, ../../../scss/_clix2017.scss */
+/* line 3743, ../../../scss/_clix2017.scss */
 .page-name {
   margin-top: 4px;
 }
 
-/* line 3748, ../../../scss/_clix2017.scss */
+/* line 3747, ../../../scss/_clix2017.scss */
 .asset_list {
   margin-left: 30px;
 }
 
-/* line 3752, ../../../scss/_clix2017.scss */
+/* line 3751, ../../../scss/_clix2017.scss */
 .interaction-settings-div {
   margin-left: 25px;
   margin-top: 10px;
 }
-/* line 3756, ../../../scss/_clix2017.scss */
+/* line 3755, ../../../scss/_clix2017.scss */
 .interaction-settings-div .yes_no_disc_div {
   text-align: center;
   font-size: 24px;
   font-weight: 300;
 }
 
-/* line 3768, ../../../scss/_clix2017.scss */
+/* line 3767, ../../../scss/_clix2017.scss */
 body {
   background-color: #fff;
 }
@@ -3570,12 +3569,12 @@ body {
 /*
     Styling for the Secondary header 2
 */
-/* line 3778, ../../../scss/_clix2017.scss */
+/* line 3777, ../../../scss/_clix2017.scss */
 .activity_player_header {
   background-color: #ffffff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
 }
-/* line 3782, ../../../scss/_clix2017.scss */
+/* line 3781, ../../../scss/_clix2017.scss */
 .activity_player_header > div {
   height: 35px;
   line-height: 35px;
@@ -3583,11 +3582,11 @@ body {
   vertical-align: top;
   z-index: 99;
 }
-/* line 3791, ../../../scss/_clix2017.scss */
+/* line 3790, ../../../scss/_clix2017.scss */
 .activity_player_header > div:not(:last-child) {
   border-right: 1px solid #fff;
 }
-/* line 3800, ../../../scss/_clix2017.scss */
+/* line 3799, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title {
   position: relative;
   color: #6f0859;
@@ -3597,26 +3596,26 @@ body {
   padding: 0px 15px;
   border-right: 1px solid white;
 }
-/* line 3809, ../../../scss/_clix2017.scss */
+/* line 3808, ../../../scss/_clix2017.scss */
 .activity_player_header .header_title a {
   color: #a3238e;
 }
 @media only screen and (min-device-width: 1025px) and (max-device-width: 2130px) {
-  /* line 3800, ../../../scss/_clix2017.scss */
+  /* line 3799, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 938px);
   }
 }
 @media only screen and (min-device-width: 2131px) {
-  /* line 3800, ../../../scss/_clix2017.scss */
+  /* line 3799, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 970px);
   }
 }
 @media only screen and (max-device-width: 1024px) {
-  /* line 3800, ../../../scss/_clix2017.scss */
+  /* line 3799, ../../../scss/_clix2017.scss */
   .activity_player_header .header_title {
     text-overflow: ellipsis;
     width: calc(100% - 753px);
@@ -3624,20 +3623,20 @@ body {
     overflow: hidden;
   }
 }
-/* line 3888, ../../../scss/_clix2017.scss */
+/* line 3887, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon {
   font-size: 16px;
   line-height: 35px;
   color: #a3238e;
 }
-/* line 3900, ../../../scss/_clix2017.scss */
+/* line 3899, ../../../scss/_clix2017.scss */
 .activity_player_header .header_icon_block {
   color: #a3238e;
   width: 75px;
   cursor: pointer;
   text-align: center;
 }
-/* line 3910, ../../../scss/_clix2017.scss */
+/* line 3909, ../../../scss/_clix2017.scss */
 .activity_player_header .header_text_sm_block {
   padding: 0px 10px;
   position: relative;
@@ -3648,7 +3647,7 @@ body {
   font-family: 'OpenSans-Regular', sans-serif;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3910, ../../../scss/_clix2017.scss */
+  /* line 3909, ../../../scss/_clix2017.scss */
   .activity_player_header .header_text_sm_block {
     padding: 0px 15px;
     position: relative;
@@ -3659,11 +3658,11 @@ body {
     font-family: 'OpenSans-Regular', sans-serif;
   }
 }
-/* line 3927, ../../../scss/_clix2017.scss */
+/* line 3926, ../../../scss/_clix2017.scss */
 .activity_player_header .header_text_sm_block:hover {
   border-bottom: 2px solid #a3238e;
 }
-/* line 3934, ../../../scss/_clix2017.scss */
+/* line 3933, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav {
   color: #6f0859;
   font-weight: 500;
@@ -3671,7 +3670,7 @@ body {
   letter-spacing: 0.6px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3934, ../../../scss/_clix2017.scss */
+  /* line 3933, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
     float: right;
     margin-right: 70px;
@@ -3679,107 +3678,107 @@ body {
   }
 }
 @media screen and (max-width: 1024px) {
-  /* line 3934, ../../../scss/_clix2017.scss */
+  /* line 3933, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav {
     background-color: #ffffff;
   }
 }
-/* line 3951, ../../../scss/_clix2017.scss */
+/* line 3950, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 3955, ../../../scss/_clix2017.scss */
+/* line 3954, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block {
   padding: 0px 15px;
   margin-left: -2px;
   border-right: 1px solid white;
 }
-/* line 3960, ../../../scss/_clix2017.scss */
+/* line 3959, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block a {
   color: #a3238e;
 }
-/* line 3966, ../../../scss/_clix2017.scss */
+/* line 3965, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block:hover {
   border-bottom: 2px solid #a3238e;
 }
-/* line 3971, ../../../scss/_clix2017.scss */
+/* line 3970, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_block:active {
   border-bottom: 2px solid #a3238e;
 }
-/* line 3980, ../../../scss/_clix2017.scss */
+/* line 3979, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_lg_block {
   padding: 0px 9px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3980, ../../../scss/_clix2017.scss */
+  /* line 3979, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_lg_block {
     padding: 0px 15px;
   }
 }
-/* line 3988, ../../../scss/_clix2017.scss */
+/* line 3987, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .header_text_md_block {
   padding: 0px 7px;
 }
 @media screen and (min-width: 1025px) {
-  /* line 3988, ../../../scss/_clix2017.scss */
+  /* line 3987, ../../../scss/_clix2017.scss */
   .activity_player_header .lesson-nav .header_text_md_block {
     padding: 0px 15px;
   }
 }
-/* line 3999, ../../../scss/_clix2017.scss */
+/* line 3998, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button {
   border-color: #e0e0e0;
   background-color: rgba(244, 244, 244, 0.3);
 }
-/* line 4002, ../../../scss/_clix2017.scss */
+/* line 4001, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .back_button i {
   color: #71318b;
 }
-/* line 4008, ../../../scss/_clix2017.scss */
+/* line 4007, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .settings i {
   transition: transform .5s ease-in-out;
   -webkit-transition: -webkit-transform .5s ease-in-out;
 }
-/* line 4012, ../../../scss/_clix2017.scss */
+/* line 4011, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .settings:hover i {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
 }
-/* line 4018, ../../../scss/_clix2017.scss */
+/* line 4017, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .pagination:not(i) {
   color: #a983b9;
 }
-/* line 4022, ../../../scss/_clix2017.scss */
+/* line 4021, ../../../scss/_clix2017.scss */
 .activity_player_header .lesson-nav .pagination a {
   color: #a3238e;
 }
 
 @media screen and (max-width: 1756px) {
-  /* line 4033, ../../../scss/_clix2017.scss */
+  /* line 4032, ../../../scss/_clix2017.scss */
   .filter-position {
     margin-left: 0px;
   }
 }
 @media screen and (min-width: 1757px) and (max-width: 1800px) {
-  /* line 4033, ../../../scss/_clix2017.scss */
+  /* line 4032, ../../../scss/_clix2017.scss */
   .filter-position {
     margin-left: -20px;
   }
 }
 @media screen and (min-width: 1801px) {
-  /* line 4033, ../../../scss/_clix2017.scss */
+  /* line 4032, ../../../scss/_clix2017.scss */
   .filter-position {
     margin-left: -716px;
   }
 }
 
-/* line 4046, ../../../scss/_clix2017.scss */
+/* line 4045, ../../../scss/_clix2017.scss */
 .float-right {
   float: right;
 }
 
-/* line 4050, ../../../scss/_clix2017.scss */
+/* line 4049, ../../../scss/_clix2017.scss */
 .float-left {
   float: left;
 }
@@ -3787,7 +3786,7 @@ body {
 /*
 Buddy Vertical Bar Css
 */
-/* line 4059, ../../../scss/_clix2017.scss */
+/* line 4058, ../../../scss/_clix2017.scss */
 .buddy_panel {
   position: fixed;
   right: 0px;
@@ -3799,7 +3798,7 @@ Buddy Vertical Bar Css
   overflow-y: auto;
   z-index: 100;
 }
-/* line 4072, ../../../scss/_clix2017.scss */
+/* line 4071, ../../../scss/_clix2017.scss */
 .buddy_panel .add_buddy_icon {
   height: 50px;
   width: 50px;
@@ -3807,7 +3806,7 @@ Buddy Vertical Bar Css
   cursor: pointer;
 }
 
-/* line 4080, ../../../scss/_clix2017.scss */
+/* line 4079, ../../../scss/_clix2017.scss */
 .buddy_icon {
   border-radius: 4px;
   overflow: hidden;
@@ -3817,13 +3816,13 @@ Buddy Vertical Bar Css
   margin-bottom: 10px;
   position: relative;
 }
-/* line 4089, ../../../scss/_clix2017.scss */
+/* line 4088, ../../../scss/_clix2017.scss */
 .buddy_icon svg {
   height: 50px;
   width: 50px;
   background-color: #fff;
 }
-/* line 4095, ../../../scss/_clix2017.scss */
+/* line 4094, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_inactive:before {
   content: '';
   position: absolute;
@@ -3834,11 +3833,11 @@ Buddy Vertical Bar Css
   display: block;
   background: rgba(0, 0, 0, 0.5);
 }
-/* line 4106, ../../../scss/_clix2017.scss */
+/* line 4105, ../../../scss/_clix2017.scss */
 .buddy_icon .buddy_edit, .buddy_icon .buddy_delete {
   display: none;
 }
-/* line 4111, ../../../scss/_clix2017.scss */
+/* line 4110, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_editable:hover .buddy_edit {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3847,7 +3846,7 @@ Buddy Vertical Bar Css
   bottom: 0px;
   display: block;
 }
-/* line 4122, ../../../scss/_clix2017.scss */
+/* line 4121, ../../../scss/_clix2017.scss */
 .buddy_icon.buddy_deleteable:hover .buddy_delete {
   position: absolute;
   background: rgba(255, 255, 255, 0.5);
@@ -3857,43 +3856,43 @@ Buddy Vertical Bar Css
   display: block;
 }
 
-/* line 4133, ../../../scss/_clix2017.scss */
+/* line 4132, ../../../scss/_clix2017.scss */
 .add_buddy_modal {
   padding: 0px;
 }
-/* line 4135, ../../../scss/_clix2017.scss */
+/* line 4134, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header {
   padding: 10px 20px;
   position: relative;
 }
-/* line 4139, ../../../scss/_clix2017.scss */
+/* line 4138, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_title {
   font-size: 25px;
   color: #CE7869;
   letter-spacing: 0;
   line-height: 35px;
 }
-/* line 4145, ../../../scss/_clix2017.scss */
+/* line 4144, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .modal_meta {
   font-size: 14px;
   color: #9DBEDD;
   letter-spacing: 0;
   line-height: 30px;
 }
-/* line 4152, ../../../scss/_clix2017.scss */
+/* line 4151, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_header .sample_buddy {
   position: absolute;
   right: 30px;
   top: 15px;
 }
-/* line 4159, ../../../scss/_clix2017.scss */
+/* line 4158, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body {
   background-color: #101d29;
   padding: 10px 20px;
   max-height: 500px;
   overflow: auto;
 }
-/* line 4165, ../../../scss/_clix2017.scss */
+/* line 4164, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title {
   font-size: 20px;
   font-weight: 400;
@@ -3901,11 +3900,11 @@ Buddy Vertical Bar Css
   letter-spacing: 0.9px;
   margin: 10px 0px;
 }
-/* line 4172, ../../../scss/_clix2017.scss */
+/* line 4171, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .step_title .step_number {
   color: #82A4C3;
 }
-/* line 4177, ../../../scss/_clix2017.scss */
+/* line 4176, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option {
   max-width: 75px;
   display: inline-block;
@@ -3913,7 +3912,7 @@ Buddy Vertical Bar Css
   margin: 10px 20px;
   cursor: pointer;
 }
-/* line 4184, ../../../scss/_clix2017.scss */
+/* line 4183, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_sample {
   display: block;
   width: 50px;
@@ -3921,7 +3920,7 @@ Buddy Vertical Bar Css
   border-radius: 100%;
   margin: 0px auto;
 }
-/* line 4192, ../../../scss/_clix2017.scss */
+/* line 4191, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option .color_name {
   text-transform: capitalize;
   font-size: 15px;
@@ -3931,42 +3930,42 @@ Buddy Vertical Bar Css
   letter-spacing: 1px;
   margin-top: 10px;
 }
-/* line 4203, ../../../scss/_clix2017.scss */
+/* line 4202, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_color_option:hover .color_sample, .add_buddy_modal .modal_body .buddy_color_option.selected .color_sample {
   border: 3px solid #bfe0ff;
 }
-/* line 4209, ../../../scss/_clix2017.scss */
+/* line 4208, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal {
   display: inline-block;
   margin: 10px;
   cursor: pointer;
 }
-/* line 4214, ../../../scss/_clix2017.scss */
+/* line 4213, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg {
   height: 80px;
   width: 80px;
 }
-/* line 4218, ../../../scss/_clix2017.scss */
+/* line 4217, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal svg path {
   fill: #374B5E;
 }
-/* line 4223, ../../../scss/_clix2017.scss */
+/* line 4222, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal .buddy_animal_name {
   color: #fff;
   text-align: center;
   text-transform: capitalize;
   letter-spacing: 1px;
 }
-/* line 4231, ../../../scss/_clix2017.scss */
+/* line 4230, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_body .buddy_animal:hover path, .add_buddy_modal .modal_body .buddy_animal.selected path {
   fill: #bfe0ff;
 }
-/* line 4238, ../../../scss/_clix2017.scss */
+/* line 4237, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer {
   height: 70px;
   padding: 20px;
 }
-/* line 4243, ../../../scss/_clix2017.scss */
+/* line 4242, ../../../scss/_clix2017.scss */
 .add_buddy_modal .modal_footer .removeBuddy i {
   color: #bd2b2b;
   font-size: 25px;
@@ -3975,7 +3974,7 @@ Buddy Vertical Bar Css
 /*
     Common css that can be kept at a single place.
 */
-/* line 4258, ../../../scss/_clix2017.scss */
+/* line 4257, ../../../scss/_clix2017.scss */
 .blue_round_button {
   background-color: #00a9ee;
   color: #fff;
@@ -3986,7 +3985,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4267, ../../../scss/_clix2017.scss */
+/* line 4266, ../../../scss/_clix2017.scss */
 .text_button {
   background-color: #fff;
   color: #949494;
@@ -3997,7 +3996,7 @@ Buddy Vertical Bar Css
   line-height: 25px;
 }
 
-/* line 4277, ../../../scss/_clix2017.scss */
+/* line 4276, ../../../scss/_clix2017.scss */
 .edit_button {
   background-color: #fff;
   color: #717171;
@@ -4009,21 +4008,21 @@ Buddy Vertical Bar Css
   margin-top: 10px;
   margin-right: -50px;
 }
-/* line 4287, ../../../scss/_clix2017.scss */
+/* line 4286, ../../../scss/_clix2017.scss */
 .edit_button:hover {
   color: #ce7869;
 }
 
-/* line 4296, ../../../scss/_clix2017.scss */
+/* line 4295, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
 }
-/* line 4299, ../../../scss/_clix2017.scss */
+/* line 4298, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 4302, ../../../scss/_clix2017.scss */
+/* line 4301, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -4034,25 +4033,25 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 5px solid transparent;
 }
-/* line 4313, ../../../scss/_clix2017.scss */
+/* line 4312, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   font-weight: bold;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 4325, ../../../scss/_clix2017.scss */
+/* line 4324, ../../../scss/_clix2017.scss */
 .activity_sheet {
   background: rgba(231, 231, 231, 0.12);
   margin: 0px auto;
   padding: 0px 0px;
   max-width: 100vw;
 }
-/* line 4332, ../../../scss/_clix2017.scss */
+/* line 4331, ../../../scss/_clix2017.scss */
 .activity_sheet > .columns {
   padding: 0px;
   height: 100%;
 }
-/* line 4336, ../../../scss/_clix2017.scss */
+/* line 4335, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor {
   margin-bottom: 10px;
   position: relative;
@@ -4060,17 +4059,17 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /*Overriding default*/
   /*Custom css*/
 }
-/* line 4343, ../../../scss/_clix2017.scss */
+/* line 4342, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .accordion .accordion-navigation > .content, .activity_sheet .course_editor .accordion dd > .content {
   padding: 0px;
   padding-left: 0px;
 }
-/* line 4349, ../../../scss/_clix2017.scss */
+/* line 4348, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor > div {
   display: inline-block;
   vertical-align: top;
 }
-/* line 4356, ../../../scss/_clix2017.scss */
+/* line 4355, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container {
   position: relative;
   -webkit-transition: all .6s ease;
@@ -4080,7 +4079,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #fff;
   font-weight: 300;
 }
-/* line 4365, ../../../scss/_clix2017.scss */
+/* line 4364, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .first-strip {
   padding: 12px 16px 9px;
   background-color: #333;
@@ -4088,11 +4087,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   text-transform: uppercase;
   cursor: pointer;
 }
-/* line 4371, ../../../scss/_clix2017.scss */
+/* line 4370, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .first-strip:hover {
   border-bottom: 3px solid #333;
 }
-/* line 4379, ../../../scss/_clix2017.scss */
+/* line 4378, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree {
   transition: all 1s ease;
   -webkit-transition: all 1s ease;
@@ -4100,25 +4099,25 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background-color: #fff;
   overflow-y: auto;
 }
-/* line 4388, ../../../scss/_clix2017.scss */
+/* line 4387, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd {
   border-bottom: 2px solid #9abfd9;
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 4392, ../../../scss/_clix2017.scss */
+/* line 4391, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation {
   position: relative;
   padding-left: 0px;
 }
-/* line 4399, ../../../scss/_clix2017.scss */
+/* line 4398, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation > a:before {
   position: absolute;
   left: 23px;
   line-height: 20px;
   color: #74b3dc;
 }
-/* line 4408, ../../../scss/_clix2017.scss */
+/* line 4407, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title {
   background: inherit;
   cursor: pointer;
@@ -4127,7 +4126,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 4415, ../../../scss/_clix2017.scss */
+/* line 4414, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity {
   color: #c9d1d8;
   font-weight: 400;
@@ -4136,15 +4135,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   display: none;
 }
-/* line 4424, ../../../scss/_clix2017.scss */
+/* line 4423, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity i {
   display: none;
 }
-/* line 4429, ../../../scss/_clix2017.scss */
+/* line 4428, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions {
   margin-bottom: 0px;
 }
-/* line 4433, ../../../scss/_clix2017.scss */
+/* line 4432, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title .edit_entity > .entity_actions li {
   white-space: nowrap;
   list-style: none;
@@ -4152,21 +4151,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0px 10px;
   cursor: pointer;
 }
-/* line 4443, ../../../scss/_clix2017.scss */
+/* line 4442, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation a.entity-title:hover .edit_entity {
   display: block;
 }
-/* line 4449, ../../../scss/_clix2017.scss */
+/* line 4448, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation.active > a:before {
   content: '';
   line-height: 55px;
   color: #d7d7d7;
 }
-/* line 4457, ../../../scss/_clix2017.scss */
+/* line 4456, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities {
   margin: 0px;
 }
-/* line 4459, ../../../scss/_clix2017.scss */
+/* line 4458, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4175,7 +4174,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: border-color 1s ease;
   -webkit-transition: border-color 1s ease;
 }
-/* line 4466, ../../../scss/_clix2017.scss */
+/* line 4465, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .course-activities > li > a {
   color: #7ca0d0;
   width: 100%;
@@ -4183,11 +4182,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: color 1s ease;
   -webkit-transition: color 1s ease;
 }
-/* line 4475, ../../../scss/_clix2017.scss */
+/* line 4474, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .colapse-container .course_tree .course-lessons dd.accordion-navigation .content {
   background: inherit;
 }
-/* line 4485, ../../../scss/_clix2017.scss */
+/* line 4484, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section {
   width: 0%;
   display: inline-block;
@@ -4199,48 +4198,48 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   overflow-y: auto;
   background: #fff;
 }
-/* line 4495, ../../../scss/_clix2017.scss */
+/* line 4494, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header {
   height: 100px;
   background-color: #e5f1f6;
   border-bottom: 1px solid #e6e6e7;
 }
-/* line 4500, ../../../scss/_clix2017.scss */
+/* line 4499, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left {
   padding: 29px 0px;
 }
-/* line 4503, ../../../scss/_clix2017.scss */
+/* line 4502, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .header-left > span {
   color: #3c5264;
   font-weight: 600;
   margin-right: 10px;
 }
-/* line 4512, ../../../scss/_clix2017.scss */
+/* line 4511, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-header .custom_dropdown {
   margin: 40px 35px 0px;
 }
-/* line 4517, ../../../scss/_clix2017.scss */
+/* line 4516, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   height: 55px;
 }
-/* line 4521, ../../../scss/_clix2017.scss */
+/* line 4520, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul {
   margin: 0px;
 }
-/* line 4523, ../../../scss/_clix2017.scss */
+/* line 4522, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li {
   list-style: none;
   display: inline-block;
 }
-/* line 4526, ../../../scss/_clix2017.scss */
+/* line 4525, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li:not(:first-child) {
   padding: 1px 30px;
   border-left: 1px solid #ccc;
   text-align: center;
 }
-/* line 4532, ../../../scss/_clix2017.scss */
+/* line 4531, ../../../scss/_clix2017.scss */
 .activity_sheet .course_editor .course-editor-section .editor-tool .editor_actions ul li span {
   display: inline-block;
   letter-spacing: 0.5px;
@@ -4249,7 +4248,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   cursor: pointer;
 }
 
-/* line 4548, ../../../scss/_clix2017.scss */
+/* line 4547, ../../../scss/_clix2017.scss */
 .course_editor_section {
   background: #fff;
   min-height: 100vh;
@@ -4259,19 +4258,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px;
 }
 
-/* line 4558, ../../../scss/_clix2017.scss */
+/* line 4557, ../../../scss/_clix2017.scss */
 .lesson-title {
   font-size: 14px;
   color: white;
 }
 
-/* line 4566, ../../../scss/_clix2017.scss */
+/* line 4565, ../../../scss/_clix2017.scss */
 .activity-title {
   font-size: 18px;
   padding-left: 23px;
   margin: 0px;
 }
-/* line 4572, ../../../scss/_clix2017.scss */
+/* line 4571, ../../../scss/_clix2017.scss */
 .activity-title > li {
   list-style: none;
   border-top: 1px solid #e9e9e9;
@@ -4282,34 +4281,34 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   -webkit-transition: border-color 1s ease;
   margin-left: -23px;
 }
-/* line 4582, ../../../scss/_clix2017.scss */
+/* line 4581, ../../../scss/_clix2017.scss */
 .activity-title > li.active {
   background: rgba(111, 8, 89, 0.49);
   font-weight: 600;
 }
-/* line 4587, ../../../scss/_clix2017.scss */
+/* line 4586, ../../../scss/_clix2017.scss */
 .activity-title > li > a {
   color: black;
 }
-/* line 4590, ../../../scss/_clix2017.scss */
+/* line 4589, ../../../scss/_clix2017.scss */
 .activity-title > li:hover {
   background: rgba(111, 8, 89, 0.24);
 }
 
-/* line 4600, ../../../scss/_clix2017.scss */
+/* line 4599, ../../../scss/_clix2017.scss */
 .activity_page_rendered {
   margin-left: 20px;
   max-width: 100%;
 }
 
 /* Rating css */
-/* line 4609, ../../../scss/_clix2017.scss */
+/* line 4608, ../../../scss/_clix2017.scss */
 .rating-bar {
   /* the hidden clearer */
   /* this is gross, I threw this in to override the starred
   buttons when hovering. */
 }
-/* line 4611, ../../../scss/_clix2017.scss */
+/* line 4610, ../../../scss/_clix2017.scss */
 .rating-bar > span {
   /* remove inline-block whitespace */
   font-size: 0;
@@ -4317,19 +4316,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   unicode-bidi: bidi-override;
   direction: rtl;
 }
-/* line 4619, ../../../scss/_clix2017.scss */
+/* line 4618, ../../../scss/_clix2017.scss */
 .rating-bar.unrated {
   /* If the user has not rated yet */
 }
-/* line 4621, ../../../scss/_clix2017.scss */
+/* line 4620, ../../../scss/_clix2017.scss */
 .rating-bar.unrated:checked ~ label:before {
   color: #ffc14e;
 }
-/* line 4627, ../../../scss/_clix2017.scss */
+/* line 4626, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] {
   display: none;
 }
-/* line 4629, ../../../scss/_clix2017.scss */
+/* line 4628, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label {
   /* only enough room for the star */
   display: inline-block;
@@ -4342,7 +4341,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 0;
   vertical-align: bottom;
 }
-/* line 4641, ../../../scss/_clix2017.scss */
+/* line 4640, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"] + label:before {
   display: inline-block;
   text-indent: -9999px;
@@ -4350,32 +4349,32 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* WHITE STAR */
   color: #888;
 }
-/* line 4648, ../../../scss/_clix2017.scss */
+/* line 4647, ../../../scss/_clix2017.scss */
 .rating-bar [type*="radio"]:checked ~ label:before, .rating-bar [type*="radio"] + label:hover ~ label:before, .rating-bar [type*="radio"] + label:hover:before {
   content: '\2605';
   /* BLACK STAR */
   color: #FF980D;
   text-shadow: 0 0 1px #333;
 }
-/* line 4659, ../../../scss/_clix2017.scss */
+/* line 4658, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label {
   text-indent: -9999px;
   width: .5em;
   margin-left: -.5em;
 }
-/* line 4666, ../../../scss/_clix2017.scss */
+/* line 4665, ../../../scss/_clix2017.scss */
 .rating-bar .last[type*="radio"] + label:before {
   width: .5em;
   height: 1.4em;
 }
-/* line 4674, ../../../scss/_clix2017.scss */
+/* line 4673, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:before {
   content: '\2606';
   /* WHITE STAR */
   color: #888;
   text-shadow: none;
 }
-/* line 4679, ../../../scss/_clix2017.scss */
+/* line 4678, ../../../scss/_clix2017.scss */
 .rating-bar:hover [type*="radio"] + label:hover ~ label:before,
 .rating-bar:hover [type*="radio"] + label:hover:before {
   content: '\2605';
@@ -4387,7 +4386,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to unit cards
  */
-/* line 4696, ../../../scss/_clix2017.scss */
+/* line 4695, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] {
   width: 235px !important;
   color: #000;
@@ -4402,11 +4401,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   justify-content: flex-end;
   flex-direction: column;
 }
-/* line 4709, ../../../scss/_clix2017.scss */
+/* line 4708, ../../../scss/_clix2017.scss */
 [class*="unit_card-"]:hover {
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 }
-/* line 4713, ../../../scss/_clix2017.scss */
+/* line 4712, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_status {
   position: absolute;
   right: 0px;
@@ -4417,20 +4416,20 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
   letter-spacing: 0.6px;
 }
-/* line 4723, ../../../scss/_clix2017.scss */
+/* line 4722, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_header {
   height: 120px !important;
 }
-/* line 4725, ../../../scss/_clix2017.scss */
+/* line 4724, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_header .unit_banner {
   height: 105px !important;
   border-radius: 4px;
 }
-/* line 4730, ../../../scss/_clix2017.scss */
+/* line 4729, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit-title-container {
   height: 100px !important;
 }
-/* line 4732, ../../../scss/_clix2017.scss */
+/* line 4731, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit-title-container .unit_title {
   display: table-cell;
   font-size: 17px;
@@ -4443,7 +4442,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   vertical-align: middle;
   color: #333333;
 }
-/* line 4747, ../../../scss/_clix2017.scss */
+/* line 4746, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_desc {
   display: block;
   /* Fallback for non-webkit */
@@ -4460,18 +4459,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin: 10px 0px 20px;
   color: #333333;
 }
-/* line 4763, ../../../scss/_clix2017.scss */
+/* line 4762, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_breif .unit_breif_row i {
   margin-right: 10px;
   color: #99aaba;
 }
-/* line 4769, ../../../scss/_clix2017.scss */
+/* line 4768, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_actions {
   padding: 5px 0px;
   border-top: 1px solid black;
   height: 40px;
 }
-/* line 4777, ../../../scss/_clix2017.scss */
+/* line 4776, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_actions div .unit-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4485,14 +4484,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-left: 14px !important;
   letter-spacing: 0.4px;
 }
-/* line 4789, ../../../scss/_clix2017.scss */
+/* line 4788, ../../../scss/_clix2017.scss */
 [class*="unit_card-"] .unit_actions div .unit-card-enrol:hover {
   background-color: #fff;
   color: #912a7d;
   font-weight: 600;
 }
 
-/* line 4800, ../../../scss/_clix2017.scss */
+/* line 4799, ../../../scss/_clix2017.scss */
 .unit-card-analytics-points {
   background: #ffffff;
   color: #a2238d;
@@ -4504,7 +4503,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   cursor: default;
 }
 
-/* line 4811, ../../../scss/_clix2017.scss */
+/* line 4810, ../../../scss/_clix2017.scss */
 .view_unit {
   height: 37px;
   text-align: center;
@@ -4513,7 +4512,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 4818, ../../../scss/_clix2017.scss */
+/* line 4817, ../../../scss/_clix2017.scss */
 .view_unit:hover {
   border-bottom: 2px solid #ffc14e;
 }
@@ -4521,7 +4520,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /*
    Common css
  */
-/* line 4826, ../../../scss/_clix2017.scss */
+/* line 4825, ../../../scss/_clix2017.scss */
 .text-button-blue {
   background-color: transparent;
   color: #00A9EE;
@@ -4534,55 +4533,55 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
     Status styles added for the unit styles.
  */
-/* line 4845, ../../../scss/_clix2017.scss */
+/* line 4844, ../../../scss/_clix2017.scss */
 .in-progress-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4850, ../../../scss/_clix2017.scss */
+/* line 4849, ../../../scss/_clix2017.scss */
 .in-complete-status {
   color: #fff;
   background-color: #fd9e29;
 }
 
-/* line 4855, ../../../scss/_clix2017.scss */
+/* line 4854, ../../../scss/_clix2017.scss */
 .thumbnail_style {
   margin-top: -30px;
   margin-left: -30px;
 }
 
-/* line 4860, ../../../scss/_clix2017.scss */
+/* line 4859, ../../../scss/_clix2017.scss */
 .strip {
   height: auto;
   margin-left: -13px;
   margin-bottom: 10px;
 }
 
-/* line 4867, ../../../scss/_clix2017.scss */
+/* line 4866, ../../../scss/_clix2017.scss */
 .title-strip {
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
   margin-top: -29px;
   padding-left: 10px;
   min-height: 141px;
 }
-/* line 4872, ../../../scss/_clix2017.scss */
+/* line 4871, ../../../scss/_clix2017.scss */
 .title-strip a {
   float: right;
   padding-right: 18px;
   text-transform: uppercase;
   color: #007095;
 }
-/* line 4882, ../../../scss/_clix2017.scss */
+/* line 4881, ../../../scss/_clix2017.scss */
 .title-strip .position-actions {
   margin-top: -60px;
   margin-left: 760px;
 }
-/* line 4887, ../../../scss/_clix2017.scss */
+/* line 4886, ../../../scss/_clix2017.scss */
 .title-strip .right-margin {
   margin-right: 46px;
 }
-/* line 4890, ../../../scss/_clix2017.scss */
+/* line 4889, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > span {
   background: #fff;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -4596,7 +4595,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 30px;
   z-index: 1;
 }
-/* line 4907, ../../../scss/_clix2017.scss */
+/* line 4906, ../../../scss/_clix2017.scss */
 .title-strip .course_actions > i {
   margin-right: 3px;
   background: rgba(0, 0, 0, 0.6);
@@ -4609,7 +4608,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-radius: 3px;
 }
 
-/* line 4921, ../../../scss/_clix2017.scss */
+/* line 4920, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4619,13 +4618,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4929, ../../../scss/_clix2017.scss */
+/* line 4928, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4935, ../../../scss/_clix2017.scss */
+/* line 4934, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4634,19 +4633,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4944, ../../../scss/_clix2017.scss */
+/* line 4943, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4949, ../../../scss/_clix2017.scss */
+/* line 4948, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4955, ../../../scss/_clix2017.scss */
+/* line 4954, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4654,12 +4653,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4963, ../../../scss/_clix2017.scss */
+/* line 4962, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4969, ../../../scss/_clix2017.scss */
+/* line 4968, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4668,21 +4667,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 4978, ../../../scss/_clix2017.scss */
+/* line 4977, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 4983, ../../../scss/_clix2017.scss */
+/* line 4982, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 4985, ../../../scss/_clix2017.scss */
+/* line 4984, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 4988, ../../../scss/_clix2017.scss */
+/* line 4987, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4693,24 +4692,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 4998, ../../../scss/_clix2017.scss */
+/* line 4997, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 5002, ../../../scss/_clix2017.scss */
+/* line 5001, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 5005, ../../../scss/_clix2017.scss */
+/* line 5004, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 5010, ../../../scss/_clix2017.scss */
+/* line 5009, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 5014, ../../../scss/_clix2017.scss */
+/* line 5013, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4722,7 +4721,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 5025, ../../../scss/_clix2017.scss */
+/* line 5024, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4730,15 +4729,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 5033, ../../../scss/_clix2017.scss */
+/* line 5032, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 5035, ../../../scss/_clix2017.scss */
+/* line 5034, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 5038, ../../../scss/_clix2017.scss */
+/* line 5037, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4748,13 +4747,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 5047, ../../../scss/_clix2017.scss */
+/* line 5046, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 5053, ../../../scss/_clix2017.scss */
+/* line 5052, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4762,7 +4761,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 5068, ../../../scss/_clix2017.scss */
+/* line 5067, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4773,16 +4772,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
 }
-/* line 5078, ../../../scss/_clix2017.scss */
+/* line 5077, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5082, ../../../scss/_clix2017.scss */
+/* line 5081, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 5087, ../../../scss/_clix2017.scss */
+/* line 5086, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4796,14 +4795,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   -webkit-transition: border-radius .2s;
   transition: border-radius .2s;
 }
-/* line 5100, ../../../scss/_clix2017.scss */
+/* line 5099, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img {
   height: 100%;
   width: 100%;
   border-radius: 4px;
   -webkit-filter: drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.9));
 }
-/* line 5105, ../../../scss/_clix2017.scss */
+/* line 5104, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4812,7 +4811,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 5117, ../../../scss/_clix2017.scss */
+/* line 5116, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4821,7 +4820,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #ffffff !important;
   text-shadow: 2px 0px 8px black;
 }
-/* line 5132, ../../../scss/_clix2017.scss */
+/* line 5131, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4832,27 +4831,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 1px;
   font-size: 1.4vw;
 }
-/* line 5145, ../../../scss/_clix2017.scss */
+/* line 5144, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5148, ../../../scss/_clix2017.scss */
+/* line 5147, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5153, ../../../scss/_clix2017.scss */
+/* line 5152, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5157, ../../../scss/_clix2017.scss */
+/* line 5156, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5160, ../../../scss/_clix2017.scss */
+/* line 5159, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5164, ../../../scss/_clix2017.scss */
+/* line 5163, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4868,35 +4867,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5178, ../../../scss/_clix2017.scss */
+/* line 5177, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5185, ../../../scss/_clix2017.scss */
+/* line 5184, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5189, ../../../scss/_clix2017.scss */
+/* line 5188, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5192, ../../../scss/_clix2017.scss */
+/* line 5191, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5196, ../../../scss/_clix2017.scss */
+/* line 5195, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5204, ../../../scss/_clix2017.scss */
+/* line 5203, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4910,11 +4909,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5217, ../../../scss/_clix2017.scss */
+/* line 5216, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5223, ../../../scss/_clix2017.scss */
+/* line 5222, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4931,14 +4930,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5247, ../../../scss/_clix2017.scss */
+/* line 5246, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5255, ../../../scss/_clix2017.scss */
+/* line 5254, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4951,27 +4950,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   bottom: 0;
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);
 }
-/* line 5268, ../../../scss/_clix2017.scss */
+/* line 5267, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5273, ../../../scss/_clix2017.scss */
+/* line 5272, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5281, ../../../scss/_clix2017.scss */
+/* line 5280, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5285, ../../../scss/_clix2017.scss */
+/* line 5284, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5291, ../../../scss/_clix2017.scss */
+/* line 5290, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -4982,17 +4981,17 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: border-radius .2s;
   text-shadow: 3px 2px #164a7b;
 }
-/* line 5302, ../../../scss/_clix2017.scss */
+/* line 5301, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5311, ../../../scss/_clix2017.scss */
+/* line 5310, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5316, ../../../scss/_clix2017.scss */
+/* line 5315, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -5000,11 +4999,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
 }
-/* line 5322, ../../../scss/_clix2017.scss */
+/* line 5321, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5325, ../../../scss/_clix2017.scss */
+/* line 5324, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -5016,11 +5015,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   opacity: 0.8;
 }
 @media screen and (min-width: 980px) and (max-width: 1000px) {
-  /* line 5339, ../../../scss/_clix2017.scss */
+  /* line 5338, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5342, ../../../scss/_clix2017.scss */
+  /* line 5341, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -5034,18 +5033,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5364, ../../../scss/_clix2017.scss */
+/* line 5363, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5369, ../../../scss/_clix2017.scss */
+/* line 5368, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5372, ../../../scss/_clix2017.scss */
+/* line 5371, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -5056,27 +5055,27 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5383, ../../../scss/_clix2017.scss */
+/* line 5382, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5391, ../../../scss/_clix2017.scss */
+/* line 5390, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5392, ../../../scss/_clix2017.scss */
+/* line 5391, ../../../scss/_clix2017.scss */
 ul.authoring-tab nav select {
   display: none;
 }
-/* line 5400, ../../../scss/_clix2017.scss */
+/* line 5399, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5403, ../../../scss/_clix2017.scss */
+/* line 5402, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -5px;
@@ -5089,71 +5088,71 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5414, ../../../scss/_clix2017.scss */
+/* line 5413, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 @media only screen and (min-width: 760px) and (max-width: 1500px) {
-  /* line 5391, ../../../scss/_clix2017.scss */
+  /* line 5390, ../../../scss/_clix2017.scss */
   ul.authoring-tab {
     display: none;
   }
-  /* line 5423, ../../../scss/_clix2017.scss */
+  /* line 5422, ../../../scss/_clix2017.scss */
   ul.authoring-tab nav select {
     display: inline-block;
   }
 }
 
-/* line 5434, ../../../scss/_clix2017.scss */
+/* line 5433, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5442, ../../../scss/_clix2017.scss */
+/* line 5441, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5445, ../../../scss/_clix2017.scss */
+/* line 5444, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5447, ../../../scss/_clix2017.scss */
+/* line 5446, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5454, ../../../scss/_clix2017.scss */
+/* line 5453, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5456, ../../../scss/_clix2017.scss */
+/* line 5455, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5461, ../../../scss/_clix2017.scss */
+/* line 5460, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5469, ../../../scss/_clix2017.scss */
+/* line 5468, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5475, ../../../scss/_clix2017.scss */
+/* line 5474, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5482, ../../../scss/_clix2017.scss */
+/* line 5481, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5486, ../../../scss/_clix2017.scss */
+/* line 5485, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5170,7 +5169,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5502, ../../../scss/_clix2017.scss */
+/* line 5501, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5187,7 +5186,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5518, ../../../scss/_clix2017.scss */
+/* line 5517, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5204,7 +5203,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5535, ../../../scss/_clix2017.scss */
+/* line 5534, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5221,7 +5220,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5552, ../../../scss/_clix2017.scss */
+/* line 5551, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5238,32 +5237,32 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5570, ../../../scss/_clix2017.scss */
+/* line 5569, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5574, ../../../scss/_clix2017.scss */
+/* line 5573, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5578, ../../../scss/_clix2017.scss */
+/* line 5577, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5580, ../../../scss/_clix2017.scss */
+/* line 5579, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5585, ../../../scss/_clix2017.scss */
+/* line 5584, ../../../scss/_clix2017.scss */
 .buddy_margin {
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5590, ../../../scss/_clix2017.scss */
+/* line 5589, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5271,63 +5270,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #a3238e;
   margin-top: -30px;
 }
-/* line 5596, ../../../scss/_clix2017.scss */
+/* line 5595, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5602, ../../../scss/_clix2017.scss */
+/* line 5601, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5606, ../../../scss/_clix2017.scss */
+/* line 5605, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #a3238e;
 }
-/* line 5611, ../../../scss/_clix2017.scss */
+/* line 5610, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5617, ../../../scss/_clix2017.scss */
+/* line 5616, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5622, ../../../scss/_clix2017.scss */
+/* line 5621, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5626, ../../../scss/_clix2017.scss */
+/* line 5625, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-left: 30px;
 }
 
-/* line 5632, ../../../scss/_clix2017.scss */
+/* line 5631, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5637, ../../../scss/_clix2017.scss */
+/* line 5636, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > p {
   font-size: 24px;
   color: #646464;
   margin-bottom: 20px;
   text-shadow: 0 1px rgba(255, 255, 255, 0.6);
 }
-/* line 5643, ../../../scss/_clix2017.scss */
+/* line 5642, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5341,7 +5340,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5656, ../../../scss/_clix2017.scss */
+/* line 5655, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5351,7 +5350,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5669, ../../../scss/_clix2017.scss */
+/* line 5668, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5359,7 +5358,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5676, ../../../scss/_clix2017.scss */
+/* line 5675, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5373,13 +5372,13 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   z-index: 10;
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);
 }
-/* line 5690, ../../../scss/_clix2017.scss */
+/* line 5689, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5695, ../../../scss/_clix2017.scss */
+/* line 5694, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5388,54 +5387,54 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5703, ../../../scss/_clix2017.scss */
+/* line 5702, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5708, ../../../scss/_clix2017.scss */
+/* line 5707, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5713, ../../../scss/_clix2017.scss */
+/* line 5712, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5718, ../../../scss/_clix2017.scss */
+/* line 5717, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5726, ../../../scss/_clix2017.scss */
+/* line 5725, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5730, ../../../scss/_clix2017.scss */
+/* line 5729, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5740, ../../../scss/_clix2017.scss */
+/* line 5739, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
   padding-bottom: 40px;
 }
-/* line 5743, ../../../scss/_clix2017.scss */
+/* line 5742, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5749, ../../../scss/_clix2017.scss */
+/* line 5748, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5755, ../../../scss/_clix2017.scss */
+/* line 5754, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5447,7 +5446,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5766, ../../../scss/_clix2017.scss */
+/* line 5765, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5459,7 +5458,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5777, ../../../scss/_clix2017.scss */
+/* line 5776, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5469,12 +5468,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5785, ../../../scss/_clix2017.scss */
+/* line 5784, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5789, ../../../scss/_clix2017.scss */
+/* line 5788, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5485,39 +5484,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5798, ../../../scss/_clix2017.scss */
+/* line 5797, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5803, ../../../scss/_clix2017.scss */
+/* line 5802, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5806, ../../../scss/_clix2017.scss */
+/* line 5805, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5809, ../../../scss/_clix2017.scss */
+/* line 5808, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5812, ../../../scss/_clix2017.scss */
+/* line 5811, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5816, ../../../scss/_clix2017.scss */
+/* line 5815, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5821, ../../../scss/_clix2017.scss */
+/* line 5820, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5531,7 +5530,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5837, ../../../scss/_clix2017.scss */
+/* line 5836, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5539,85 +5538,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5845, ../../../scss/_clix2017.scss */
+/* line 5844, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5851, ../../../scss/_clix2017.scss */
+/* line 5850, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5854, ../../../scss/_clix2017.scss */
+/* line 5853, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5857, ../../../scss/_clix2017.scss */
+/* line 5856, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5860, ../../../scss/_clix2017.scss */
+/* line 5859, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5862, ../../../scss/_clix2017.scss */
+/* line 5861, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5873, ../../../scss/_clix2017.scss */
+/* line 5872, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5875, ../../../scss/_clix2017.scss */
+/* line 5874, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5878, ../../../scss/_clix2017.scss */
+/* line 5877, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li {
   float: left;
   margin-right: 15px;
   display: inline-block;
   font-size: 0.6875em;
 }
-/* line 5883, ../../../scss/_clix2017.scss */
+/* line 5882, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a {
   transition: link-color 0.15s ease-in-out 0s,border 0.15s ease-in-out 0s;
   border-bottom: none;
   color: #777;
   text-decoration: none !important;
 }
-/* line 5888, ../../../scss/_clix2017.scss */
+/* line 5887, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5898, ../../../scss/_clix2017.scss */
+/* line 5897, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5901, ../../../scss/_clix2017.scss */
+/* line 5900, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5905, ../../../scss/_clix2017.scss */
+/* line 5904, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5911, ../../../scss/_clix2017.scss */
+/* line 5910, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5921, ../../../scss/_clix2017.scss */
+/* line 5920, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5638,7 +5637,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5941, ../../../scss/_clix2017.scss */
+/* line 5940, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5652,13 +5651,13 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
 }
 
 /* use :target to look for a link to the overlay then we find are mask */
-/* line 5952, ../../../scss/_clix2017.scss */
+/* line 5951, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5956, ../../../scss/_clix2017.scss */
+/* line 5955, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5680,7 +5679,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 5975, ../../../scss/_clix2017.scss */
+/* line 5974, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5693,7 +5692,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 5986, ../../../scss/_clix2017.scss */
+/* line 5985, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5709,44 +5708,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 6008, ../../../scss/_clix2017.scss */
+/* line 6007, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 6013, ../../../scss/_clix2017.scss */
+/* line 6012, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 6017, ../../../scss/_clix2017.scss */
+/* line 6016, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 6021, ../../../scss/_clix2017.scss */
+/* line 6020, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 6024, ../../../scss/_clix2017.scss */
+/* line 6023, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 6027, ../../../scss/_clix2017.scss */
+/* line 6026, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 6032, ../../../scss/_clix2017.scss */
+/* line 6031, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 6037, ../../../scss/_clix2017.scss */
+/* line 6036, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5762,7 +5761,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 6054, ../../../scss/_clix2017.scss */
+/* line 6053, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-repeat: no-repeat;
@@ -5781,33 +5780,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 6067, ../../../scss/_clix2017.scss */
+/* line 6066, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 6072, ../../../scss/_clix2017.scss */
+/* line 6071, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 6076, ../../../scss/_clix2017.scss */
+/* line 6075, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 6080, ../../../scss/_clix2017.scss */
+/* line 6079, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 6083, ../../../scss/_clix2017.scss */
+/* line 6082, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 6087, ../../../scss/_clix2017.scss */
+/* line 6086, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5823,24 +5822,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 6121, ../../../scss/_clix2017.scss */
+/* line 6120, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 6126, ../../../scss/_clix2017.scss */
+/* line 6125, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 6130, ../../../scss/_clix2017.scss */
+/* line 6129, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 6135, ../../../scss/_clix2017.scss */
+/* line 6134, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5850,64 +5849,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6145, ../../../scss/_clix2017.scss */
+/* line 6144, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6152, ../../../scss/_clix2017.scss */
+/* line 6151, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6155, ../../../scss/_clix2017.scss */
+/* line 6154, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6156, ../../../scss/_clix2017.scss */
+/* line 6155, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6157, ../../../scss/_clix2017.scss */
+/* line 6156, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6158, ../../../scss/_clix2017.scss */
+/* line 6157, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6159, ../../../scss/_clix2017.scss */
+/* line 6158, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6160, ../../../scss/_clix2017.scss */
+/* line 6159, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6161, ../../../scss/_clix2017.scss */
+/* line 6160, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6166, ../../../scss/_clix2017.scss */
+/* line 6165, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6170, ../../../scss/_clix2017.scss */
+/* line 6169, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5916,24 +5915,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6178, ../../../scss/_clix2017.scss */
+/* line 6177, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6183, ../../../scss/_clix2017.scss */
+/* line 6182, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6186, ../../../scss/_clix2017.scss */
+/* line 6185, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6196, ../../../scss/_clix2017.scss */
+/* line 6195, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a {
   transition: link-color 0.15s ease-in-out 0s,border 0.15s ease-in-out 0s;
   border-bottom: none;
@@ -5941,13 +5940,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6202, ../../../scss/_clix2017.scss */
+/* line 6201, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6209, ../../../scss/_clix2017.scss */
+/* line 6208, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5957,7 +5956,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6218, ../../../scss/_clix2017.scss */
+/* line 6217, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5966,7 +5965,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6225, ../../../scss/_clix2017.scss */
+/* line 6224, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -5980,19 +5979,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6241, ../../../scss/_clix2017.scss */
+  /* line 6240, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6245, ../../../scss/_clix2017.scss */
+  /* line 6244, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6249, ../../../scss/_clix2017.scss */
+  /* line 6248, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -6000,7 +5999,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6256, ../../../scss/_clix2017.scss */
+  /* line 6255, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -6011,21 +6010,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6267, ../../../scss/_clix2017.scss */
+  /* line 6266, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6273, ../../../scss/_clix2017.scss */
+  /* line 6272, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6279, ../../../scss/_clix2017.scss */
+  /* line 6278, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -6033,36 +6032,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6293, ../../../scss/_clix2017.scss */
+/* line 6292, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6297, ../../../scss/_clix2017.scss */
+/* line 6296, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6303, ../../../scss/_clix2017.scss */
+/* line 6302, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6308, ../../../scss/_clix2017.scss */
+/* line 6307, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6313, ../../../scss/_clix2017.scss */
+/* line 6312, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6317, ../../../scss/_clix2017.scss */
+/* line 6316, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -6071,41 +6070,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6325, ../../../scss/_clix2017.scss */
+/* line 6324, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6330, ../../../scss/_clix2017.scss */
+/* line 6329, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6334, ../../../scss/_clix2017.scss */
+/* line 6333, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6338, ../../../scss/_clix2017.scss */
+/* line 6337, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6344, ../../../scss/_clix2017.scss */
+/* line 6343, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6349, ../../../scss/_clix2017.scss */
+/* line 6348, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6353, ../../../scss/_clix2017.scss */
+/* line 6352, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6358, ../../../scss/_clix2017.scss */
+/* line 6357, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -6118,7 +6117,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6370, ../../../scss/_clix2017.scss */
+/* line 6369, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6130,12 +6129,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6379, ../../../scss/_clix2017.scss */
+/* line 6378, ../../../scss/_clix2017.scss */
 .scard:hover {
   box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.16), 0 2px 10px 1px rgba(0, 0, 0, 0.12);
   transition: box-shadow 0.5s ease;
 }
-/* line 6385, ../../../scss/_clix2017.scss */
+/* line 6384, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6153,7 +6152,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6402, ../../../scss/_clix2017.scss */
+/* line 6401, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6166,7 +6165,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6413, ../../../scss/_clix2017.scss */
+/* line 6412, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6176,7 +6175,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6426, ../../../scss/_clix2017.scss */
+/* line 6425, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6190,7 +6189,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6441, ../../../scss/_clix2017.scss */
+/* line 6440, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6206,7 +6205,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6458, ../../../scss/_clix2017.scss */
+/* line 6457, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6217,7 +6216,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6467, ../../../scss/_clix2017.scss */
+/* line 6466, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6226,18 +6225,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6479, ../../../scss/_clix2017.scss */
+/* line 6478, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6483, ../../../scss/_clix2017.scss */
+/* line 6482, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6489, ../../../scss/_clix2017.scss */
+/* line 6488, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6246,17 +6245,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6497, ../../../scss/_clix2017.scss */
+/* line 6496, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6501, ../../../scss/_clix2017.scss */
+/* line 6500, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6504, ../../../scss/_clix2017.scss */
+/* line 6503, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #6f0859;
   font-weight: 400;
@@ -6269,17 +6268,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6515, ../../../scss/_clix2017.scss */
+/* line 6514, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #6f0859;
   color: #ffffff;
 }
-/* line 6521, ../../../scss/_clix2017.scss */
+/* line 6520, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6524, ../../../scss/_clix2017.scss */
+/* line 6523, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6287,42 +6286,42 @@ input.transcript-toggler {
   margin: 0;
   background-color: #6f0859;
 }
-/* line 6532, ../../../scss/_clix2017.scss */
+/* line 6531, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: white;
 }
-/* line 6534, ../../../scss/_clix2017.scss */
+/* line 6533, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a:hover {
   color: #6f0859;
 }
-/* line 6539, ../../../scss/_clix2017.scss */
+/* line 6538, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
   background-color: white;
 }
 
-/* line 6548, ../../../scss/_clix2017.scss */
+/* line 6547, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6554, ../../../scss/_clix2017.scss */
+/* line 6553, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6562, ../../../scss/_clix2017.scss */
+/* line 6561, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6569, ../../../scss/_clix2017.scss */
+/* line 6568, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6576, ../../../scss/_clix2017.scss */
+/* line 6575, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6336,7 +6335,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6589, ../../../scss/_clix2017.scss */
+/* line 6588, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6345,26 +6344,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6598, ../../../scss/_clix2017.scss */
+/* line 6597, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6604, ../../../scss/_clix2017.scss */
+/* line 6603, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6613, ../../../scss/_clix2017.scss */
+/* line 6612, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6616, ../../../scss/_clix2017.scss */
+/* line 6615, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6375,7 +6374,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6626, ../../../scss/_clix2017.scss */
+/* line 6625, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6386,27 +6385,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6636, ../../../scss/_clix2017.scss */
+/* line 6635, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6639, ../../../scss/_clix2017.scss */
+/* line 6638, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6643, ../../../scss/_clix2017.scss */
+/* line 6642, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6651, ../../../scss/_clix2017.scss */
+/* line 6650, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6658, ../../../scss/_clix2017.scss */
+/* line 6657, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6424,12 +6423,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6674, ../../../scss/_clix2017.scss */
+/* line 6673, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6679, ../../../scss/_clix2017.scss */
+/* line 6678, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6441,13 +6440,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6689, ../../../scss/_clix2017.scss */
+/* line 6688, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6697, ../../../scss/_clix2017.scss */
+/* line 6696, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6464,54 +6463,54 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6712, ../../../scss/_clix2017.scss */
+/* line 6711, ../../../scss/_clix2017.scss */
 .button-save-new:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6720, ../../../scss/_clix2017.scss */
+/* line 6719, ../../../scss/_clix2017.scss */
 .exp-module-container {
   margin-left: 60px;
 }
 
-/* line 6724, ../../../scss/_clix2017.scss */
+/* line 6723, ../../../scss/_clix2017.scss */
 .fill-green-circle {
   padding: 6px 6px;
   border-radius: 100%;
   background-color: green;
 }
 
-/* line 6730, ../../../scss/_clix2017.scss */
+/* line 6729, ../../../scss/_clix2017.scss */
 .fill-orange-circle {
   padding: 6px 6px;
   border-radius: 100%;
   background-color: orange;
 }
 
-/* line 6736, ../../../scss/_clix2017.scss */
+/* line 6735, ../../../scss/_clix2017.scss */
 [class*="img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 100px;
 }
 
-/* line 6740, ../../../scss/_clix2017.scss */
+/* line 6739, ../../../scss/_clix2017.scss */
 [class*="high-img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 160px;
 }
 
-/* line 6744, ../../../scss/_clix2017.scss */
+/* line 6743, ../../../scss/_clix2017.scss */
 [class*="mid-img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 104px;
 }
-/* line 6747, ../../../scss/_clix2017.scss */
+/* line 6746, ../../../scss/_clix2017.scss */
 [class*="mid-img-banner-card-"] .unit_banner {
   height: 85px;
 }
 
-/* line 6752, ../../../scss/_clix2017.scss */
+/* line 6751, ../../../scss/_clix2017.scss */
 .view-progress-report {
   /* padding: 0 2rem; */
   background: none;
@@ -6531,13 +6530,13 @@ input.transcript-toggler {
   width: 62px;
   margin-right: -15px;
 }
-/* line 6772, ../../../scss/_clix2017.scss */
+/* line 6771, ../../../scss/_clix2017.scss */
 .view-progress-report:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6778, ../../../scss/_clix2017.scss */
+/* line 6777, ../../../scss/_clix2017.scss */
 .user-profile-edit {
   border: 1px solid white;
   background-color: #713557;
@@ -6546,13 +6545,13 @@ input.transcript-toggler {
   color: #ffffff;
   font-size: 15px;
 }
-/* line 6785, ../../../scss/_clix2017.scss */
+/* line 6784, ../../../scss/_clix2017.scss */
 .user-profile-edit:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6792, ../../../scss/_clix2017.scss */
+/* line 6791, ../../../scss/_clix2017.scss */
 .profile-field {
   color: black;
   font-size: 15px;
@@ -6561,13 +6560,13 @@ input.transcript-toggler {
   margin-left: 55px;
 }
 
-/* line 6800, ../../../scss/_clix2017.scss */
+/* line 6799, ../../../scss/_clix2017.scss */
 .profile-form {
   border: 1px solid #713557;
   margin: 15px;
 }
 
-/* line 6805, ../../../scss/_clix2017.scss */
+/* line 6804, ../../../scss/_clix2017.scss */
 .button-cancel-profile {
   height: 2rem;
   padding: 0 2rem;
@@ -6587,71 +6586,71 @@ input.transcript-toggler {
   margin-right: 1px;
   width: auto !important;
 }
-/* line 6823, ../../../scss/_clix2017.scss */
+/* line 6822, ../../../scss/_clix2017.scss */
 .button-cancel-profile:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6829, ../../../scss/_clix2017.scss */
+/* line 6828, ../../../scss/_clix2017.scss */
 .large_text_input {
   margin-left: -170px;
 }
 
-/* line 6832, ../../../scss/_clix2017.scss */
+/* line 6831, ../../../scss/_clix2017.scss */
 .save-profile-actions {
   margin-left: 400px;
 }
-/* line 6834, ../../../scss/_clix2017.scss */
+/* line 6833, ../../../scss/_clix2017.scss */
 .save-profile-actions .submit-user-profile {
   margin: 20px 0px 20px 0px;
 }
 
-/* line 6839, ../../../scss/_clix2017.scss */
+/* line 6838, ../../../scss/_clix2017.scss */
 .uname-in-profile-form {
   margin-left: 20px !important;
 }
 
-/* line 6843, ../../../scss/_clix2017.scss */
+/* line 6842, ../../../scss/_clix2017.scss */
 .uname-in-dashboard {
   font-family: Open Sans Bold;
 }
 
 /*toolbar css*/
-/* line 6849, ../../../scss/_clix2017.scss */
+/* line 6848, ../../../scss/_clix2017.scss */
 #toolbar {
   width: 100%;
   display: inline-block;
   margin-bottom: -7px;
 }
 
-/* line 6852, ../../../scss/_clix2017.scss */
+/* line 6851, ../../../scss/_clix2017.scss */
 .datetime {
   color: #713558;
   padding: 4px 0px 2px 5px;
   font-size: 12px;
 }
 
-/* line 6855, ../../../scss/_clix2017.scss */
+/* line 6854, ../../../scss/_clix2017.scss */
 .changefont {
   text-align: right;
   padding: 2px 5px 1px 0px;
   margin-right: 88px;
 }
 
-/* line 6858, ../../../scss/_clix2017.scss */
+/* line 6857, ../../../scss/_clix2017.scss */
 .font-minus {
   font-size: 70%;
   color: #713558;
 }
 
-/* line 6861, ../../../scss/_clix2017.scss */
+/* line 6860, ../../../scss/_clix2017.scss */
 .font-normal {
   font-size: 85%;
   color: #713558;
 }
 
-/* line 6865, ../../../scss/_clix2017.scss */
+/* line 6864, ../../../scss/_clix2017.scss */
 .font-plus {
   font-size: 100%;
   color: #713558;
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
index 1dd600262f..04189190e3 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -2940,7 +2940,6 @@ ul.jqtree-tree .jqtree-toggler {
             max-height: 100%;
             overflow-y: auto;
             height: 100vh;
-            position:fixed;
 
             .course-lessons {
                 dd {
@@ -3226,9 +3225,9 @@ ul.jqtree-tree .jqtree-toggler {
             }
         }
     }
-
 }
 
+
 .tile_modal {
     .editor_modal_content {
         .modal_tile {

From 3126c02c2b15756c662aaa7a7cad121e7012d590 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 11:03:05 +0530
Subject: [PATCH 06/26] redundant topic-map tab removed

---
 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html
index a984888493..29574d6412 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms.html
@@ -72,11 +72,11 @@
     </li>
        {% endif %}
      {% if 'Group'  in group_object_member_of_names_list and "base_unit" not in group_object_member_of_names_list and "announced_unit" not in group_object_member_of_names_list %}
+    {% endif %}
+    {% comment %}
     <li>
       <a href="{% url 'curriculum_list' groupid  %}" tabindex="6"> <i class="fa fa-sitemap ">  </i> {% trans "Topic Map" %}</a>
     </li>
-    {% endif %}
-    {% comment %}
     <li>
       <a href="{% url 'gtask' group_id  %}"  tabindex="7" > <i class="fa fa-list-alt"></i> {% trans "Task" %}</a>
     </li>

From 5ca7906dc98cb6b2bbee6ea0d3a6ac706e2df8b0 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 11:42:06 +0530
Subject: [PATCH 07/26] css issue in activity player due to accordian fixed

---
 .../static/ndf/css/themes/clix/clix2017.css   | 559 +++++++++---------
 .../ndf/static/ndf/scss/_clix2017.scss        |  10 +-
 .../ndf/templates/ndf/course_content.html     |   4 +-
 3 files changed, 288 insertions(+), 285 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
index 8c63242f8b..cbc026d5bc 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/css/themes/clix/clix2017.css
@@ -4610,10 +4610,9 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 }
 
 /* line 4922, ../../../scss/_clix2017.scss */
-.accordion {
+.accordion-overview {
   background-color: #eee;
   color: #444;
-  cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
@@ -4624,11 +4623,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 }
 
 /* line 4935, ../../../scss/_clix2017.scss */
-.active, .accordion:hover {
+.accordion-overview:hover .active {
   background-color: #6f0859;
 }
 
-/* line 4939, ../../../scss/_clix2017.scss */
+/* line 4943, ../../../scss/_clix2017.scss */
 .panel {
   padding: 0 18px;
   display: none;
@@ -4636,7 +4635,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   overflow: hidden;
 }
 
-/* line 4946, ../../../scss/_clix2017.scss */
+/* line 4950, ../../../scss/_clix2017.scss */
 .dropdown-settings {
   text-align: left;
   text-transform: none;
@@ -4646,13 +4645,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   background: white;
   border-radius: 1px;
 }
-/* line 4954, ../../../scss/_clix2017.scss */
+/* line 4958, ../../../scss/_clix2017.scss */
 .dropdown-settings:hover {
   color: #ce7869;
   border-left: 2px solid #ffc14e;
 }
 
-/* line 4960, ../../../scss/_clix2017.scss */
+/* line 4964, ../../../scss/_clix2017.scss */
 .activity-slides-container {
   height: 100%;
   width: 80%;
@@ -4661,19 +4660,19 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   padding: 0em 0em 0em 0em;
   margin-bottom: 15px;
 }
-/* line 4969, ../../../scss/_clix2017.scss */
+/* line 4973, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides {
   height: 100%;
   color: #f8f8f8;
 }
-/* line 4974, ../../../scss/_clix2017.scss */
+/* line 4978, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide {
   padding: 1em;
   height: inherit;
   background: #fff;
   position: relative;
 }
-/* line 4980, ../../../scss/_clix2017.scss */
+/* line 4984, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .view-related-content {
   border: 1px solid #999;
   display: inline-block;
@@ -4681,12 +4680,12 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #999999;
   margin-left: 12%;
 }
-/* line 4988, ../../../scss/_clix2017.scss */
+/* line 4992, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .activity-slide .page > section {
   margin-left: 50%;
   transform: translate(-50%);
 }
-/* line 4994, ../../../scss/_clix2017.scss */
+/* line 4998, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .related-content-close {
   position: absolute;
   right: -2px;
@@ -4695,21 +4694,21 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   display: none;
   color: #8E8E8E;
 }
-/* line 5003, ../../../scss/_clix2017.scss */
+/* line 5007, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded > i {
   font-size: 20px !important;
   color: #ccc !important;
   top: 8px !important;
 }
-/* line 5008, ../../../scss/_clix2017.scss */
+/* line 5012, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header {
   margin-left: 20px !important;
 }
-/* line 5010, ../../../scss/_clix2017.scss */
+/* line 5014, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header > span:first-child {
   display: none !important;
 }
-/* line 5013, ../../../scss/_clix2017.scss */
+/* line 5017, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .back-to-activity {
   display: inline-block !important;
   float: right;
@@ -4720,24 +4719,24 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #757575;
   margin-right: 20px;
 }
-/* line 5023, ../../../scss/_clix2017.scss */
+/* line 5027, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title {
   font-size: 15px !important;
   position: relative;
 }
-/* line 5027, ../../../scss/_clix2017.scss */
+/* line 5031, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title .related-content-close {
   display: block;
 }
-/* line 5030, ../../../scss/_clix2017.scss */
+/* line 5034, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-header .related-content-title > i {
   display: none !important;
 }
-/* line 5035, ../../../scss/_clix2017.scss */
+/* line 5039, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides .content-expanded .related-content-body {
   display: block !important;
 }
-/* line 5039, ../../../scss/_clix2017.scss */
+/* line 5043, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content {
   width: 100%;
   margin: 0px auto;
@@ -4749,7 +4748,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   color: #222222;
 }
-/* line 5050, ../../../scss/_clix2017.scss */
+/* line 5054, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content > i {
   color: #fff;
   font-size: 40px;
@@ -4757,15 +4756,15 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   left: 8px;
   top: 4px;
 }
-/* line 5058, ../../../scss/_clix2017.scss */
+/* line 5062, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header {
   margin-left: 40px;
 }
-/* line 5060, ../../../scss/_clix2017.scss */
+/* line 5064, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .back-to-activity {
   display: none;
 }
-/* line 5063, ../../../scss/_clix2017.scss */
+/* line 5067, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header span {
   display: block;
   vertical-align: top;
@@ -4775,13 +4774,13 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 0.8px;
   color: #999999;
 }
-/* line 5072, ../../../scss/_clix2017.scss */
+/* line 5076, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-header .related-content-title {
   font-size: 20px;
   color: #000;
   cursor: pointer;
 }
-/* line 5078, ../../../scss/_clix2017.scss */
+/* line 5082, ../../../scss/_clix2017.scss */
 .activity-slides-container .activity-slides #related-content .related-content-body {
   display: none;
 }
@@ -4789,7 +4788,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
 /**
  * Sass styles related to module cards
  */
-/* line 5093, ../../../scss/_clix2017.scss */
+/* line 5097, ../../../scss/_clix2017.scss */
 .module_card {
   display: table;
   height: 290px;
@@ -4800,16 +4799,16 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   position: relative;
   box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
 }
-/* line 5103, ../../../scss/_clix2017.scss */
+/* line 5107, ../../../scss/_clix2017.scss */
 .module_card:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5107, ../../../scss/_clix2017.scss */
+/* line 5111, ../../../scss/_clix2017.scss */
 .module_card > div {
   display: table-cell;
   height: 290px;
 }
-/* line 5112, ../../../scss/_clix2017.scss */
+/* line 5116, ../../../scss/_clix2017.scss */
 .module_card .card_banner {
   width: 250px;
   height: 290px;
@@ -4823,14 +4822,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   -webkit-transition: border-radius .2s;
   transition: border-radius .2s;
 }
-/* line 5125, ../../../scss/_clix2017.scss */
+/* line 5129, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img {
   height: 100%;
   width: 100%;
   border-radius: 4px;
   -webkit-filter: drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.9));
 }
-/* line 5130, ../../../scss/_clix2017.scss */
+/* line 5134, ../../../scss/_clix2017.scss */
 .module_card .card_banner > img:hover {
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
@@ -4839,7 +4838,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transform: scale(1.03);
   opacity: 0.8;
 }
-/* line 5142, ../../../scss/_clix2017.scss */
+/* line 5146, ../../../scss/_clix2017.scss */
 .module_card .card_banner > h4 {
   position: absolute;
   top: 100px;
@@ -4848,7 +4847,7 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: #ffffff !important;
   text-shadow: 2px 0px 8px black;
 }
-/* line 5157, ../../../scss/_clix2017.scss */
+/* line 5161, ../../../scss/_clix2017.scss */
 .module_card .card_title {
   display: block;
   width: 230px;
@@ -4859,27 +4858,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   letter-spacing: 1px;
   font-size: 1.4vw;
 }
-/* line 5170, ../../../scss/_clix2017.scss */
+/* line 5174, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_banner {
   border-radius: 8px;
 }
-/* line 5173, ../../../scss/_clix2017.scss */
+/* line 5177, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5178, ../../../scss/_clix2017.scss */
+/* line 5182, ../../../scss/_clix2017.scss */
 .module_card.animated_card.isOpen .card_banner {
   border-radius: 8px 0px 0px 8px;
 }
-/* line 5182, ../../../scss/_clix2017.scss */
+/* line 5186, ../../../scss/_clix2017.scss */
 .module_card.animated_card:hover .card_summary {
   left: 30px;
 }
-/* line 5185, ../../../scss/_clix2017.scss */
+/* line 5189, ../../../scss/_clix2017.scss */
 .module_card.animated_card .card_summary {
   left: 5px;
 }
-/* line 5189, ../../../scss/_clix2017.scss */
+/* line 5193, ../../../scss/_clix2017.scss */
 .module_card .card_summary {
   width: 290px;
   padding: 0px 15px;
@@ -4895,35 +4894,35 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   /* Safari */
   transition-property: left;
 }
-/* line 5203, ../../../scss/_clix2017.scss */
+/* line 5207, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_label {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   color: black;
 }
-/* line 5210, ../../../scss/_clix2017.scss */
+/* line 5214, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section {
   margin: 5px 0px;
   padding: 5px 0px;
 }
-/* line 5214, ../../../scss/_clix2017.scss */
+/* line 5218, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section:not(:last-child) {
   border-bottom: 1px solid #ccc;
 }
-/* line 5217, ../../../scss/_clix2017.scss */
+/* line 5221, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section p {
   margin-bottom: 7px;
   font-size: 12.5px;
 }
-/* line 5221, ../../../scss/_clix2017.scss */
+/* line 5225, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .ellipsis {
   width: 245px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-/* line 5229, ../../../scss/_clix2017.scss */
+/* line 5233, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol {
   background: #a2238d;
   height: 37px;
@@ -4937,11 +4936,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   margin-top: 2px !important;
   letter-spacing: 0.4px;
 }
-/* line 5242, ../../../scss/_clix2017.scss */
+/* line 5246, ../../../scss/_clix2017.scss */
 .module_card .card_summary .card_section .module-card-enrol:hover {
   box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.68);
 }
-/* line 5248, ../../../scss/_clix2017.scss */
+/* line 5252, ../../../scss/_clix2017.scss */
 .module_card .card_summary .module_brief {
   display: block;
   /* Fallback for non-webkit */
@@ -4958,14 +4957,14 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   color: black;
 }
 
-/* line 5272, ../../../scss/_clix2017.scss */
+/* line 5276, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner {
   width: 100%;
   height: 150px;
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5280, ../../../scss/_clix2017.scss */
+/* line 5284, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -4978,27 +4977,27 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   bottom: 0;
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);
 }
-/* line 5293, ../../../scss/_clix2017.scss */
+/* line 5297, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner:before a {
   cursor: pointer;
 }
-/* line 5298, ../../../scss/_clix2017.scss */
+/* line 5302, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .div-height {
   height: 150px !important;
   background-size: 100% 100%;
   position: absolute !important;
 }
-/* line 5306, ../../../scss/_clix2017.scss */
+/* line 5310, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .enroll_unit > a {
   cursor: pointer;
 }
-/* line 5310, ../../../scss/_clix2017.scss */
+/* line 5314, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5316, ../../../scss/_clix2017.scss */
+/* line 5320, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .unit_name {
   font-size: 36px;
   font-family: OpenSans-Semibold;
@@ -5009,17 +5008,17 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   transition: border-radius .2s;
   text-shadow: 3px 2px #164a7b;
 }
-/* line 5327, ../../../scss/_clix2017.scss */
+/* line 5331, ../../../scss/_clix2017.scss */
 .lms_page .lms_banner .lms_heading .right-margin {
   margin-right: 46px;
 }
 
-/* line 5336, ../../../scss/_clix2017.scss */
+/* line 5340, ../../../scss/_clix2017.scss */
 .border-bottom-lms-header {
   border-bottom: 1px solid #00000029;
 }
 
-/* line 5341, ../../../scss/_clix2017.scss */
+/* line 5345, ../../../scss/_clix2017.scss */
 .lms_secondary_header {
   width: 100%;
   position: relative;
@@ -5027,11 +5026,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
 }
-/* line 5347, ../../../scss/_clix2017.scss */
+/* line 5351, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions {
   margin-top: 8px;
 }
-/* line 5350, ../../../scss/_clix2017.scss */
+/* line 5354, ../../../scss/_clix2017.scss */
 .lms_secondary_header .course_actions > span {
   background: #2e3f51;
   border: 1px solid rgba(255, 255, 255, 0.7);
@@ -5043,11 +5042,11 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   opacity: 0.8;
 }
 @media screen and (min-width: 980px) and (max-width: 1000px) {
-  /* line 5364, ../../../scss/_clix2017.scss */
+  /* line 5368, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions {
     margin-top: 8px;
   }
-  /* line 5367, ../../../scss/_clix2017.scss */
+  /* line 5371, ../../../scss/_clix2017.scss */
   .lms_secondary_header .course_actions .course_actions > span {
     margin-left: 50px;
     background: #2e3f51;
@@ -5061,18 +5060,18 @@ ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   }
 }
 
-/* line 5389, ../../../scss/_clix2017.scss */
+/* line 5393, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 {
   margin-bottom: 0px;
   background-color: #fff;
   display: inline;
   width: 50%;
 }
-/* line 5394, ../../../scss/_clix2017.scss */
+/* line 5398, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li {
   display: inline-block;
 }
-/* line 5397, ../../../scss/_clix2017.scss */
+/* line 5401, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a {
   list-style-type: none;
   display: inline-block;
@@ -5083,27 +5082,27 @@ ul.nav_menu_1 > li > a {
   letter-spacing: 0.8px;
   border-bottom: 3px solid transparent;
 }
-/* line 5408, ../../../scss/_clix2017.scss */
+/* line 5412, ../../../scss/_clix2017.scss */
 ul.nav_menu_1 > li > a.selected, ul.nav_menu_1 > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 
-/* line 5416, ../../../scss/_clix2017.scss */
+/* line 5420, ../../../scss/_clix2017.scss */
 ul.authoring-tab {
   background-color: #6f0859;
   margin-bottom: 0px;
   display: inline;
   width: 50%;
 }
-/* line 5417, ../../../scss/_clix2017.scss */
+/* line 5421, ../../../scss/_clix2017.scss */
 ul.authoring-tab nav select {
   display: none;
 }
-/* line 5425, ../../../scss/_clix2017.scss */
+/* line 5429, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li {
   display: inline-block;
 }
-/* line 5428, ../../../scss/_clix2017.scss */
+/* line 5432, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a {
   list-style-type: none;
   margin-right: -5px;
@@ -5116,71 +5115,71 @@ ul.authoring-tab > li > a {
   border-bottom: 3px solid transparent;
   color: #ffffff !important;
 }
-/* line 5439, ../../../scss/_clix2017.scss */
+/* line 5443, ../../../scss/_clix2017.scss */
 ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-bottom: 3px solid #a2238d;
 }
 @media only screen and (min-width: 760px) and (max-width: 1500px) {
-  /* line 5416, ../../../scss/_clix2017.scss */
+  /* line 5420, ../../../scss/_clix2017.scss */
   ul.authoring-tab {
     display: none;
   }
-  /* line 5448, ../../../scss/_clix2017.scss */
+  /* line 5452, ../../../scss/_clix2017.scss */
   ul.authoring-tab nav select {
     display: inline-block;
   }
 }
 
-/* line 5459, ../../../scss/_clix2017.scss */
+/* line 5463, ../../../scss/_clix2017.scss */
 .course-content {
   background: #fff;
   margin: 20px auto;
   padding: 20px 0px;
   margin-top: 0px;
 }
-/* line 5467, ../../../scss/_clix2017.scss */
+/* line 5471, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node.jqtree-selected .jqtree-element {
   background: #fff;
 }
-/* line 5470, ../../../scss/_clix2017.scss */
+/* line 5474, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div {
   height: 35px;
 }
-/* line 5472, ../../../scss/_clix2017.scss */
+/* line 5476, ../../../scss/_clix2017.scss */
 .course-content ul.jqtree-tree .course-tree-node > div a {
   margin-right: 0.7em;
 }
-/* line 5479, ../../../scss/_clix2017.scss */
+/* line 5483, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name {
   padding-left: 20px;
 }
-/* line 5481, ../../../scss/_clix2017.scss */
+/* line 5485, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name:not(:last-child) {
   border-bottom: 1px solid #d2cfcf;
 }
-/* line 5486, ../../../scss/_clix2017.scss */
+/* line 5490, ../../../scss/_clix2017.scss */
 .course-content .course-unit-name > div .jqtree-title {
   color: #3c5264;
   font-size: 19px;
   font-weight: 600;
 }
-/* line 5494, ../../../scss/_clix2017.scss */
+/* line 5498, ../../../scss/_clix2017.scss */
 .course-content .course-activity-group > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
-/* line 5500, ../../../scss/_clix2017.scss */
+/* line 5504, ../../../scss/_clix2017.scss */
 .course-content .course-activity-name > div .jqtree-title {
   color: #74a0c0;
   font-size: 17px;
 }
 
-/* line 5507, ../../../scss/_clix2017.scss */
+/* line 5511, ../../../scss/_clix2017.scss */
 .listing-row {
   margin-top: 10px !important;
 }
 
-/* line 5511, ../../../scss/_clix2017.scss */
+/* line 5515, ../../../scss/_clix2017.scss */
 .raw_material_asset {
   width: auto;
   top: -0.50em;
@@ -5197,7 +5196,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.3px;
 }
 
-/* line 5527, ../../../scss/_clix2017.scss */
+/* line 5531, ../../../scss/_clix2017.scss */
 .status-completed {
   width: auto;
   top: -1.15em;
@@ -5214,7 +5213,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5543, ../../../scss/_clix2017.scss */
+/* line 5547, ../../../scss/_clix2017.scss */
 .status-in-progress {
   width: auto;
   top: -1.15em;
@@ -5231,7 +5230,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5560, ../../../scss/_clix2017.scss */
+/* line 5564, ../../../scss/_clix2017.scss */
 .status-upcoming {
   width: auto;
   top: -1.15em;
@@ -5248,7 +5247,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5577, ../../../scss/_clix2017.scss */
+/* line 5581, ../../../scss/_clix2017.scss */
 .status-draft {
   width: auto;
   top: -1.15em;
@@ -5265,32 +5264,32 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   letter-spacing: 0.4px;
 }
 
-/* line 5595, ../../../scss/_clix2017.scss */
+/* line 5599, ../../../scss/_clix2017.scss */
 .lesson-dropdown ul {
   display: none;
 }
 
-/* line 5599, ../../../scss/_clix2017.scss */
+/* line 5603, ../../../scss/_clix2017.scss */
 .lesson-dropdown:hover ul {
   display: block;
 }
 
-/* line 5603, ../../../scss/_clix2017.scss */
+/* line 5607, ../../../scss/_clix2017.scss */
 .lesson_name_in_export {
   list-style: none;
 }
-/* line 5605, ../../../scss/_clix2017.scss */
+/* line 5609, ../../../scss/_clix2017.scss */
 .lesson_name_in_export:hover {
   border-left: 2.5px solid #ce7869;
 }
 
-/* line 5610, ../../../scss/_clix2017.scss */
+/* line 5614, ../../../scss/_clix2017.scss */
 .buddy_margin {
   font-family: OpenSans-Regular;
   margin-top: 6px;
 }
 
-/* line 5615, ../../../scss/_clix2017.scss */
+/* line 5619, ../../../scss/_clix2017.scss */
 .lms_explore_head {
   width: 100%;
   height: 45px;
@@ -5298,63 +5297,63 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #a3238e;
   margin-top: -30px;
 }
-/* line 5621, ../../../scss/_clix2017.scss */
+/* line 5625, ../../../scss/_clix2017.scss */
 .lms_explore_head > p {
   margin-left: 81px;
   padding: 12px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5627, ../../../scss/_clix2017.scss */
+/* line 5631, ../../../scss/_clix2017.scss */
 .lms_explore_head > a {
   padding: 12px 85px 3px 0px;
 }
 
-/* line 5631, ../../../scss/_clix2017.scss */
+/* line 5635, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit {
   width: 100%;
   height: 50px;
   background-color: #fff;
   color: #a3238e;
 }
-/* line 5636, ../../../scss/_clix2017.scss */
+/* line 5640, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > p {
   margin-left: 81px;
   padding: 0px 0px 0px 1px;
   font-family: OpenSans-Semibold;
   font-size: 20px;
 }
-/* line 5642, ../../../scss/_clix2017.scss */
+/* line 5646, ../../../scss/_clix2017.scss */
 .lms_explore_head_unit > a {
   padding: 0px 85px 3px 0px;
 }
 
-/* line 5647, ../../../scss/_clix2017.scss */
+/* line 5651, ../../../scss/_clix2017.scss */
 .lms_explore_back {
   background-color: #fff;
 }
 
-/* line 5651, ../../../scss/_clix2017.scss */
+/* line 5655, ../../../scss/_clix2017.scss */
 .lms_explore_back_unit {
   background-color: #fff;
   margin-left: 30px;
 }
 
-/* line 5657, ../../../scss/_clix2017.scss */
+/* line 5661, ../../../scss/_clix2017.scss */
 .empty-dashboard-message {
   border: 3px solid #e4e4e4;
   background: #f8f8f8;
   padding: 40px 0;
   text-align: center;
 }
-/* line 5662, ../../../scss/_clix2017.scss */
+/* line 5666, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > p {
   font-size: 24px;
   color: #646464;
   margin-bottom: 20px;
   text-shadow: 0 1px rgba(255, 255, 255, 0.6);
 }
-/* line 5668, ../../../scss/_clix2017.scss */
+/* line 5672, ../../../scss/_clix2017.scss */
 .empty-dashboard-message > a {
   background-color: #164a7b;
   border: 1px solid #164a7b;
@@ -5368,7 +5367,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-left: 5px;
   padding: 15px 20px;
 }
-/* line 5681, ../../../scss/_clix2017.scss */
+/* line 5685, ../../../scss/_clix2017.scss */
 .empty-dashboard-message .button-explore-courses {
   font-size: 20px;
   font-weight: normal;
@@ -5378,7 +5377,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   width: 170px;
 }
 
-/* line 5694, ../../../scss/_clix2017.scss */
+/* line 5698, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner {
   width: 100%;
   height: 200px;
@@ -5386,7 +5385,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-size: 100% 100%;
   position: relative;
 }
-/* line 5701, ../../../scss/_clix2017.scss */
+/* line 5705, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner:before {
   content: ' ';
   background-color: rgba(0, 0, 0, 0.1);
@@ -5400,13 +5399,13 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   z-index: 10;
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);
 }
-/* line 5715, ../../../scss/_clix2017.scss */
+/* line 5719, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile {
   position: absolute;
   bottom: 30px;
   left: 40px;
 }
-/* line 5720, ../../../scss/_clix2017.scss */
+/* line 5724, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo {
   display: inline-block;
   margin-right: 10px;
@@ -5415,54 +5414,54 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   overflow: hidden;
   background-color: #fff;
 }
-/* line 5728, ../../../scss/_clix2017.scss */
+/* line 5732, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg {
   height: 100px;
   width: 100px;
 }
-/* line 5733, ../../../scss/_clix2017.scss */
+/* line 5737, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .buddy_logo svg path {
   fill: #7a422a;
 }
-/* line 5738, ../../../scss/_clix2017.scss */
+/* line 5742, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading {
   color: #fff;
   display: inline-block;
   vertical-align: top;
 }
-/* line 5743, ../../../scss/_clix2017.scss */
+/* line 5747, ../../../scss/_clix2017.scss */
 .mydesk_page .page_banner .banner_profile .banner_heading .buddy_name {
   font-size: 23px;
   display: block;
   margin-bottom: 10px;
 }
-/* line 5751, ../../../scss/_clix2017.scss */
+/* line 5755, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu {
   border-bottom: 1px solid #e5e5e5;
 }
-/* line 5755, ../../../scss/_clix2017.scss */
+/* line 5759, ../../../scss/_clix2017.scss */
 .mydesk_page .page_menu li > a {
   padding: 12px 20px 9px;
 }
 
-/* line 5765, ../../../scss/_clix2017.scss */
+/* line 5769, ../../../scss/_clix2017.scss */
 .input_links {
   margin-left: 10px;
   padding-bottom: 40px;
 }
-/* line 5768, ../../../scss/_clix2017.scss */
+/* line 5772, ../../../scss/_clix2017.scss */
 .input_links a {
   margin-right: 35px;
   margin-top: 5px;
 }
 
-/* line 5774, ../../../scss/_clix2017.scss */
+/* line 5778, ../../../scss/_clix2017.scss */
 #course-notification
 #status {
   width: 100% !important;
 }
 
-/* line 5780, ../../../scss/_clix2017.scss */
+/* line 5784, ../../../scss/_clix2017.scss */
 .add-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5474,7 +5473,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5791, ../../../scss/_clix2017.scss */
+/* line 5795, ../../../scss/_clix2017.scss */
 .bef-note-btn {
   padding: 3px 11px;
   border-radius: 100%;
@@ -5486,7 +5485,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   color: #6153AE;
 }
 
-/* line 5802, ../../../scss/_clix2017.scss */
+/* line 5806, ../../../scss/_clix2017.scss */
 .edit-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5496,12 +5495,12 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5810, ../../../scss/_clix2017.scss */
+/* line 5814, ../../../scss/_clix2017.scss */
 .edit-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5814, ../../../scss/_clix2017.scss */
+/* line 5818, ../../../scss/_clix2017.scss */
 .delete-note-btn {
   float: right;
   border: 1px solid #CFCFCF;
@@ -5512,39 +5511,39 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #f7f7f7;
   width: 85px;
 }
-/* line 5823, ../../../scss/_clix2017.scss */
+/* line 5827, ../../../scss/_clix2017.scss */
 .delete-note-btn i {
   margin-right: 5px;
 }
 
-/* line 5828, ../../../scss/_clix2017.scss */
+/* line 5832, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check {
   color: green;
 }
 
-/* line 5831, ../../../scss/_clix2017.scss */
+/* line 5835, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-check-circle-o {
   color: green;
 }
 
-/* line 5834, ../../../scss/_clix2017.scss */
+/* line 5838, ../../../scss/_clix2017.scss */
 .jqtree-title > .fa-clock-o {
   color: orange;
 }
 
-/* line 5837, ../../../scss/_clix2017.scss */
+/* line 5841, ../../../scss/_clix2017.scss */
 .course-status-icon {
   font-size: 20px;
   margin-right: 5px;
 }
 
-/* line 5841, ../../../scss/_clix2017.scss */
+/* line 5845, ../../../scss/_clix2017.scss */
 .img-height {
   height: 150px;
   width: 1351px;
 }
 
-/* line 5846, ../../../scss/_clix2017.scss */
+/* line 5850, ../../../scss/_clix2017.scss */
 .wrapper-footer {
   box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
   border-top: 1px solid #c5c6c7;
@@ -5558,7 +5557,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background: rgba(221, 221, 221, 0.18);
   clear: both;
 }
-/* line 5862, ../../../scss/_clix2017.scss */
+/* line 5866, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix {
   box-sizing: border-box;
   max-width: 1200px;
@@ -5566,85 +5565,85 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   margin-right: auto;
   margin: 0 auto;
 }
-/* line 5870, ../../../scss/_clix2017.scss */
+/* line 5874, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%;
 }
-/* line 5876, ../../../scss/_clix2017.scss */
+/* line 5880, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos {
   margin: 10px 0px 0px 18px;
 }
-/* line 5879, ../../../scss/_clix2017.scss */
+/* line 5883, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5882, ../../../scss/_clix2017.scss */
+/* line 5886, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li {
   float: left;
   margin-right: 15px;
 }
-/* line 5885, ../../../scss/_clix2017.scss */
+/* line 5889, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a {
   color: #ce7869;
 }
-/* line 5887, ../../../scss/_clix2017.scss */
+/* line 5891, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-links-logos ol li > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
-/* line 5898, ../../../scss/_clix2017.scss */
+/* line 5902, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal {
   margin: 0px 0px 0px 20px;
 }
-/* line 5900, ../../../scss/_clix2017.scss */
+/* line 5904, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol {
   display: inline;
   list-style-type: none;
 }
-/* line 5903, ../../../scss/_clix2017.scss */
+/* line 5907, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li {
   float: left;
   margin-right: 15px;
   display: inline-block;
   font-size: 0.6875em;
 }
-/* line 5908, ../../../scss/_clix2017.scss */
+/* line 5912, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a {
   transition: link-color 0.15s ease-in-out 0s,border 0.15s ease-in-out 0s;
   border-bottom: none;
   color: #777;
   text-decoration: none !important;
 }
-/* line 5913, ../../../scss/_clix2017.scss */
+/* line 5917, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .nav-legal ol li > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
-/* line 5923, ../../../scss/_clix2017.scss */
+/* line 5927, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo {
   margin: 13px 0;
   display: inline-block;
 }
-/* line 5926, ../../../scss/_clix2017.scss */
+/* line 5930, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p {
   color: inherit;
   margin: 0;
   display: inline-block;
 }
-/* line 5930, ../../../scss/_clix2017.scss */
+/* line 5934, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo p a {
   display: inline-block;
 }
-/* line 5936, ../../../scss/_clix2017.scss */
+/* line 5940, ../../../scss/_clix2017.scss */
 .wrapper-footer #footer-clix .links-logos .wrapper-logo .footer-logo > img {
   height: 10px;
 }
 
-/* line 5946, ../../../scss/_clix2017.scss */
+/* line 5950, ../../../scss/_clix2017.scss */
 #overlay {
   /* we set all of the properties for are overlay */
   height: 116px;
@@ -5665,7 +5664,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 10px;
 }
 
-/* line 5966, ../../../scss/_clix2017.scss */
+/* line 5970, ../../../scss/_clix2017.scss */
 #mask {
   /* create are mask */
   position: fixed;
@@ -5679,13 +5678,13 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
 }
 
 /* use :target to look for a link to the overlay then we find are mask */
-/* line 5977, ../../../scss/_clix2017.scss */
+/* line 5981, ../../../scss/_clix2017.scss */
 #overlay:target, #overlay:target + #mask {
   display: block;
   opacity: 1;
 }
 
-/* line 5981, ../../../scss/_clix2017.scss */
+/* line 5985, ../../../scss/_clix2017.scss */
 .close {
   /* to make a nice looking pure CSS3 close button */
   display: block;
@@ -5707,7 +5706,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   border-radius: 38px;
 }
 
-/* line 6000, ../../../scss/_clix2017.scss */
+/* line 6004, ../../../scss/_clix2017.scss */
 #open-overlay {
   /* open the overlay */
   padding: 0px 0px;
@@ -5720,7 +5719,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   -o-border-radius: 10px;
 }
 
-/* line 6011, ../../../scss/_clix2017.scss */
+/* line 6015, ../../../scss/_clix2017.scss */
 .enroll-btn {
   width: 90px;
   opacity: 1;
@@ -5736,44 +5735,44 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   background-color: #4b4852;
 }
 
-/* line 6033, ../../../scss/_clix2017.scss */
+/* line 6037, ../../../scss/_clix2017.scss */
 .img-style-land {
   margin-top: 28px;
   margin-left: -56px;
 }
 
-/* line 6038, ../../../scss/_clix2017.scss */
+/* line 6042, ../../../scss/_clix2017.scss */
 .top-margin-translation {
   margin-top: 0px;
 }
 
-/* line 6042, ../../../scss/_clix2017.scss */
+/* line 6046, ../../../scss/_clix2017.scss */
 .activity-editor-header-top {
   margin-top: -50px;
 }
 
-/* line 6046, ../../../scss/_clix2017.scss */
+/* line 6050, ../../../scss/_clix2017.scss */
 .add-lesson-top-margin {
   margin-top: 5px;
 }
 
-/* line 6049, ../../../scss/_clix2017.scss */
+/* line 6053, ../../../scss/_clix2017.scss */
 .translation-detail-top-margin {
   margin-top: 0px;
 }
 
-/* line 6052, ../../../scss/_clix2017.scss */
+/* line 6056, ../../../scss/_clix2017.scss */
 .outer {
   width: 100%;
   text-align: center;
 }
 
-/* line 6057, ../../../scss/_clix2017.scss */
+/* line 6061, ../../../scss/_clix2017.scss */
 .inner {
   display: inline-block !important;
 }
 
-/* line 6062, ../../../scss/_clix2017.scss */
+/* line 6066, ../../../scss/_clix2017.scss */
 .transcript-toggler {
   display: block;
   width: 155px !important;
@@ -5789,7 +5788,7 @@ ul.authoring-tab > li > a.selected, ul.authoring-tab > li > a:hover {
   text-transform: uppercase;
 }
 
-/* line 6079, ../../../scss/_clix2017.scss */
+/* line 6083, ../../../scss/_clix2017.scss */
 input.transcript-toggler {
   background-image: url(/static/ndf/images/Transcript.svg) no-repeat !important;
   background-repeat: no-repeat;
@@ -5808,33 +5807,33 @@ input.transcript-toggler {
   /* align the text vertically centered */
 }
 
-/* line 6092, ../../../scss/_clix2017.scss */
+/* line 6096, ../../../scss/_clix2017.scss */
 .double-buttons {
   margin-top: 100px;
   margin-left: 729px;
 }
 
-/* line 6097, ../../../scss/_clix2017.scss */
+/* line 6101, ../../../scss/_clix2017.scss */
 .lesson-form-name {
   padding-top: 10px;
 }
 
-/* line 6101, ../../../scss/_clix2017.scss */
+/* line 6105, ../../../scss/_clix2017.scss */
 .lesson-form-desc {
   padding-top: 25px;
 }
 
-/* line 6105, ../../../scss/_clix2017.scss */
+/* line 6109, ../../../scss/_clix2017.scss */
 .enroll_chkbox {
   transform: scale(1.5);
 }
 
-/* line 6108, ../../../scss/_clix2017.scss */
+/* line 6112, ../../../scss/_clix2017.scss */
 .enroll_all_users {
   width: 15% !important;
 }
 
-/* line 6112, ../../../scss/_clix2017.scss */
+/* line 6116, ../../../scss/_clix2017.scss */
 .enrollBtn {
   background: #a2238d;
   height: 50px;
@@ -5850,24 +5849,24 @@ input.transcript-toggler {
   letter-spacing: 0.4px;
 }
 
-/* line 6146, ../../../scss/_clix2017.scss */
+/* line 6150, ../../../scss/_clix2017.scss */
 .enroll-act_lbl {
   color: #0c2944;
 }
 
-/* line 6151, ../../../scss/_clix2017.scss */
+/* line 6155, ../../../scss/_clix2017.scss */
 .wrkspace {
   margin-right: 80px;
 }
 
-/* line 6155, ../../../scss/_clix2017.scss */
+/* line 6159, ../../../scss/_clix2017.scss */
 .status-btn {
   background-color: #fff;
   margin-right: auto;
   padding-bottom: 0px;
   text-transform: none;
 }
-/* line 6160, ../../../scss/_clix2017.scss */
+/* line 6164, ../../../scss/_clix2017.scss */
 .status-btn .disabled {
   background-color: #008cba;
   border-color: #007095;
@@ -5877,64 +5876,64 @@ input.transcript-toggler {
   box-shadow: none;
 }
 
-/* line 6170, ../../../scss/_clix2017.scss */
+/* line 6174, ../../../scss/_clix2017.scss */
 .margin-right-50 {
   margin-right: 50px;
 }
 
 /* responsive footer */
-/* line 6177, ../../../scss/_clix2017.scss */
+/* line 6181, ../../../scss/_clix2017.scss */
 .clearfix {
   clear: both;
 }
 
-/* line 6180, ../../../scss/_clix2017.scss */
+/* line 6184, ../../../scss/_clix2017.scss */
 .clr1 {
   background: #FFFFFF;
   color: #333743;
 }
 
-/* line 6181, ../../../scss/_clix2017.scss */
+/* line 6185, ../../../scss/_clix2017.scss */
 .clr2 {
   background: #F1F3F5;
   color: #8F94A3;
 }
 
-/* line 6182, ../../../scss/_clix2017.scss */
+/* line 6186, ../../../scss/_clix2017.scss */
 .clr3 {
   background: rgba(221, 221, 221, 0.18);
   color: #BDC3CF;
 }
 
-/* line 6183, ../../../scss/_clix2017.scss */
+/* line 6187, ../../../scss/_clix2017.scss */
 .clr4 {
   background: rgba(221, 221, 221, 0.18);
   color: #E3E7F2;
 }
 
-/* line 6184, ../../../scss/_clix2017.scss */
+/* line 6188, ../../../scss/_clix2017.scss */
 .clr5 {
   color: #F1F3F5;
 }
 
-/* line 6185, ../../../scss/_clix2017.scss */
+/* line 6189, ../../../scss/_clix2017.scss */
 .clr6 {
   color: #39B5A1;
 }
 
-/* line 6186, ../../../scss/_clix2017.scss */
+/* line 6190, ../../../scss/_clix2017.scss */
 .clr7 {
   color: #D45245;
 }
 
 /*##### Footer Structure #####*/
-/* line 6191, ../../../scss/_clix2017.scss */
+/* line 6195, ../../../scss/_clix2017.scss */
 .bo-wrap {
   clear: both;
   width: auto;
 }
 
-/* line 6195, ../../../scss/_clix2017.scss */
+/* line 6199, ../../../scss/_clix2017.scss */
 .bo-footer {
   clear: both;
   width: auto;
@@ -5943,24 +5942,24 @@ input.transcript-toggler {
   margin: 0 auto;
 }
 
-/* line 6203, ../../../scss/_clix2017.scss */
+/* line 6207, ../../../scss/_clix2017.scss */
 .bo-footer-social {
   text-align: left;
   line-height: 1px;
   padding: 10px 10px 10px 10px;
 }
-/* line 6208, ../../../scss/_clix2017.scss */
+/* line 6212, ../../../scss/_clix2017.scss */
 .bo-footer-social > a {
   color: #ce7869;
   word-spacing: 8px;
 }
-/* line 6211, ../../../scss/_clix2017.scss */
+/* line 6215, ../../../scss/_clix2017.scss */
 .bo-footer-social > a:hover {
   color: #ce7869;
   border-bottom: 3px solid #ffc14e;
 }
 
-/* line 6221, ../../../scss/_clix2017.scss */
+/* line 6225, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a {
   transition: link-color 0.15s ease-in-out 0s,border 0.15s ease-in-out 0s;
   border-bottom: none;
@@ -5968,13 +5967,13 @@ input.transcript-toggler {
   text-decoration: none !important;
   word-spacing: 3px;
 }
-/* line 6227, ../../../scss/_clix2017.scss */
+/* line 6231, ../../../scss/_clix2017.scss */
 .bo-footer-copyright > a:hover {
   color: #777;
   border-bottom: 3px solid #c90d97;
 }
 
-/* line 6234, ../../../scss/_clix2017.scss */
+/* line 6238, ../../../scss/_clix2017.scss */
 .bo-footer-smap {
   width: 600px;
   float: left;
@@ -5984,7 +5983,7 @@ input.transcript-toggler {
   word-spacing: 20px;
 }
 
-/* line 6243, ../../../scss/_clix2017.scss */
+/* line 6247, ../../../scss/_clix2017.scss */
 .bo-footer-uonline {
   width: 300px;
   /* Account for margins + border values */
@@ -5993,7 +5992,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6250, ../../../scss/_clix2017.scss */
+/* line 6254, ../../../scss/_clix2017.scss */
 .bo-footer-power {
   width: 300px;
   padding: 5px 10px;
@@ -6007,19 +6006,19 @@ input.transcript-toggler {
 /*##### Footer Responsive #####*/
 /* for 980px or less */
 @media screen and (max-width: 980px) {
-  /* line 6266, ../../../scss/_clix2017.scss */
+  /* line 6270, ../../../scss/_clix2017.scss */
   .bo-footer {
     width: 95%;
     padding: 1% 2%;
   }
 
-  /* line 6270, ../../../scss/_clix2017.scss */
+  /* line 6274, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: 33%;
     padding: 1% 2%;
   }
 
-  /* line 6274, ../../../scss/_clix2017.scss */
+  /* line 6278, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: 46%;
     padding: 1% 2%;
@@ -6027,7 +6026,7 @@ input.transcript-toggler {
     text-align: right;
   }
 
-  /* line 6281, ../../../scss/_clix2017.scss */
+  /* line 6285, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     clear: both;
     padding: 1% 2%;
@@ -6038,21 +6037,21 @@ input.transcript-toggler {
 }
 /* for 700px or less */
 @media screen and (max-width: 600px) {
-  /* line 6292, ../../../scss/_clix2017.scss */
+  /* line 6296, ../../../scss/_clix2017.scss */
   .bo-footer-smap {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6298, ../../../scss/_clix2017.scss */
+  /* line 6302, ../../../scss/_clix2017.scss */
   .bo-footer-uonline {
     width: auto;
     float: none;
     text-align: center;
   }
 
-  /* line 6304, ../../../scss/_clix2017.scss */
+  /* line 6308, ../../../scss/_clix2017.scss */
   .bo-footer-power {
     width: auto;
     float: none;
@@ -6060,36 +6059,36 @@ input.transcript-toggler {
   }
 }
 /* for 480px or less */
-/* line 6318, ../../../scss/_clix2017.scss */
+/* line 6322, ../../../scss/_clix2017.scss */
 .color-btn {
   background-color: #720f5e;
   width: 77px;
   margin-left: 17px;
 }
-/* line 6322, ../../../scss/_clix2017.scss */
+/* line 6326, ../../../scss/_clix2017.scss */
 .color-btn:hover {
   color: #720f5e;
   background-color: #ffffff;
 }
 
-/* line 6328, ../../../scss/_clix2017.scss */
+/* line 6332, ../../../scss/_clix2017.scss */
 .mid_label {
   margin-top: 15px;
   font-size: 15px;
 }
 
-/* line 6333, ../../../scss/_clix2017.scss */
+/* line 6337, ../../../scss/_clix2017.scss */
 .compulsory {
   color: red;
   font-size: smaller;
 }
 
-/* line 6338, ../../../scss/_clix2017.scss */
+/* line 6342, ../../../scss/_clix2017.scss */
 .select-drop {
   height: auto;
 }
 
-/* line 6342, ../../../scss/_clix2017.scss */
+/* line 6346, ../../../scss/_clix2017.scss */
 .template-select {
   border: 1px solid #cccccc;
   border-radius: 5px;
@@ -6098,41 +6097,41 @@ input.transcript-toggler {
   font-size: 14px;
 }
 
-/* line 6350, ../../../scss/_clix2017.scss */
+/* line 6354, ../../../scss/_clix2017.scss */
 .white-text {
   color: white;
 }
 
-/* line 6355, ../../../scss/_clix2017.scss */
+/* line 6359, ../../../scss/_clix2017.scss */
 .quiz-player .quiz_qtn {
   margin-left: 20px !important;
   font-size: 20px;
 }
-/* line 6359, ../../../scss/_clix2017.scss */
+/* line 6363, ../../../scss/_clix2017.scss */
 .quiz-player .question_edit {
   margin-left: 20px !important;
 }
-/* line 6363, ../../../scss/_clix2017.scss */
+/* line 6367, ../../../scss/_clix2017.scss */
 .quiz-player input[type=checkbox], .quiz-player input[type=radio] {
   margin-right: 10px;
   width: 15px;
   height: 15px;
 }
-/* line 6369, ../../../scss/_clix2017.scss */
+/* line 6373, ../../../scss/_clix2017.scss */
 .quiz-player .chk_ans_lbl, .quiz-player .rad_ans_lbl {
   font-size: 22px;
   margin-left: 5px;
 }
-/* line 6374, ../../../scss/_clix2017.scss */
+/* line 6378, ../../../scss/_clix2017.scss */
 .quiz-player .fi-check {
   color: green;
 }
-/* line 6378, ../../../scss/_clix2017.scss */
+/* line 6382, ../../../scss/_clix2017.scss */
 .quiz-player .fi-x {
   color: red;
 }
 
-/* line 6383, ../../../scss/_clix2017.scss */
+/* line 6387, ../../../scss/_clix2017.scss */
 .hyperlink-tag {
   cursor: pointer;
   cursor: pointer;
@@ -6145,7 +6144,7 @@ input.transcript-toggler {
   color: #164A7B;
 }
 
-/* line 6395, ../../../scss/_clix2017.scss */
+/* line 6399, ../../../scss/_clix2017.scss */
 .scard {
   background: #FFF;
   border: 1px solid #AAA;
@@ -6157,12 +6156,12 @@ input.transcript-toggler {
   height: 9rem;
   /*float:left;*/
 }
-/* line 6404, ../../../scss/_clix2017.scss */
+/* line 6408, ../../../scss/_clix2017.scss */
 .scard:hover {
   box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.16), 0 2px 10px 1px rgba(0, 0, 0, 0.12);
   transition: box-shadow 0.5s ease;
 }
-/* line 6410, ../../../scss/_clix2017.scss */
+/* line 6414, ../../../scss/_clix2017.scss */
 .scard .scard_header {
   text-align: center;
   position: fixed;
@@ -6180,7 +6179,7 @@ input.transcript-toggler {
   font-weight: bold;
 }
 
-/* line 6427, ../../../scss/_clix2017.scss */
+/* line 6431, ../../../scss/_clix2017.scss */
 .scard-content {
   height: 2.7em;
   padding: 0.5rem;
@@ -6193,7 +6192,7 @@ input.transcript-toggler {
   /*height: 8.25rem;*/
   background-color: #3e3e3e;
 }
-/* line 6438, ../../../scss/_clix2017.scss */
+/* line 6442, ../../../scss/_clix2017.scss */
 .scard-content .scard-title {
   font-size: 0.8em;
   margin-top: -1em;
@@ -6203,7 +6202,7 @@ input.transcript-toggler {
   text-align: center;
 }
 
-/* line 6451, ../../../scss/_clix2017.scss */
+/* line 6455, ../../../scss/_clix2017.scss */
 .scard-action {
   height: height;
   font-size: 0.6em;
@@ -6217,7 +6216,7 @@ input.transcript-toggler {
   background-color: #CCCCCC;
 }
 
-/* line 6466, ../../../scss/_clix2017.scss */
+/* line 6470, ../../../scss/_clix2017.scss */
 .scard-desc {
   font-size: 0.7em;
   color: #333333;
@@ -6233,7 +6232,7 @@ input.transcript-toggler {
   display-inline: block;
 }
 
-/* line 6483, ../../../scss/_clix2017.scss */
+/* line 6487, ../../../scss/_clix2017.scss */
 .scard-image {
   padding: 0px;
   margin: 0px;
@@ -6244,7 +6243,7 @@ input.transcript-toggler {
   overflow: hidden;
   background-color: #f2f2f2;
 }
-/* line 6492, ../../../scss/_clix2017.scss */
+/* line 6496, ../../../scss/_clix2017.scss */
 .scard-image img {
   border-radius: 2px 2px 0 0;
   display: block;
@@ -6253,18 +6252,18 @@ input.transcript-toggler {
   height: 100%;
 }
 
-/* line 6504, ../../../scss/_clix2017.scss */
+/* line 6508, ../../../scss/_clix2017.scss */
 .published.scard-action {
   background: #A6D9CB;
 }
 
-/* line 6508, ../../../scss/_clix2017.scss */
+/* line 6512, ../../../scss/_clix2017.scss */
 .draft.scard-action {
   content: "Draft";
   background: #DCDCDC;
 }
 
-/* line 6514, ../../../scss/_clix2017.scss */
+/* line 6518, ../../../scss/_clix2017.scss */
 .scard_footer {
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   padding: 0.25rem 0.5rem;
@@ -6273,17 +6272,17 @@ input.transcript-toggler {
   height: 2rem;
 }
 
-/* line 6522, ../../../scss/_clix2017.scss */
+/* line 6526, ../../../scss/_clix2017.scss */
 .auto_width {
   width: auto !important;
 }
 
-/* line 6526, ../../../scss/_clix2017.scss */
+/* line 6530, ../../../scss/_clix2017.scss */
 .explore-settings-drop {
   margin-left: 59%;
   display: inline-block;
 }
-/* line 6529, ../../../scss/_clix2017.scss */
+/* line 6533, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button {
   color: #6f0859;
   font-weight: 400;
@@ -6296,17 +6295,17 @@ input.transcript-toggler {
   margin-top: 10px;
   margin-left: 20px;
 }
-/* line 6540, ../../../scss/_clix2017.scss */
+/* line 6544, ../../../scss/_clix2017.scss */
 .explore-settings-drop > button:hover {
   border-radius: 10px;
   background-color: #6f0859;
   color: #ffffff;
 }
-/* line 6546, ../../../scss/_clix2017.scss */
+/* line 6550, ../../../scss/_clix2017.scss */
 .explore-settings-drop a {
   font-size: 16px;
 }
-/* line 6549, ../../../scss/_clix2017.scss */
+/* line 6553, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li {
   font-size: 0.875rem;
   cursor: pointer;
@@ -6314,42 +6313,42 @@ input.transcript-toggler {
   margin: 0;
   background-color: #6f0859;
 }
-/* line 6557, ../../../scss/_clix2017.scss */
+/* line 6561, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a {
   color: white;
 }
-/* line 6559, ../../../scss/_clix2017.scss */
+/* line 6563, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li a:hover {
   color: #6f0859;
 }
-/* line 6564, ../../../scss/_clix2017.scss */
+/* line 6568, ../../../scss/_clix2017.scss */
 .explore-settings-drop .f-dropdown li:hover {
   border-left: 4px solid #ffc14e;
   background-color: white;
 }
 
-/* line 6573, ../../../scss/_clix2017.scss */
+/* line 6577, ../../../scss/_clix2017.scss */
 .attempts_count {
   color: #000000 !important;
 }
 
-/* line 6579, ../../../scss/_clix2017.scss */
+/* line 6583, ../../../scss/_clix2017.scss */
 #course-settings-drop li a {
   text-align: left;
 }
 
-/* line 6587, ../../../scss/_clix2017.scss */
+/* line 6591, ../../../scss/_clix2017.scss */
 #asset-settings-drop li a {
   text-align: left;
 }
 
-/* line 6594, ../../../scss/_clix2017.scss */
+/* line 6598, ../../../scss/_clix2017.scss */
 .button-bg {
   background-color: #74b3dc;
 }
 
 /* Tools page css listing*/
-/* line 6601, ../../../scss/_clix2017.scss */
+/* line 6605, ../../../scss/_clix2017.scss */
 .polaroid {
   width: 330px;
   background-color: white;
@@ -6363,7 +6362,7 @@ input.transcript-toggler {
   cursor: pointer;
 }
 
-/* line 6614, ../../../scss/_clix2017.scss */
+/* line 6618, ../../../scss/_clix2017.scss */
 .polaroid:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
@@ -6372,26 +6371,26 @@ input.transcript-toggler {
   transform: scale(1.05);
 }
 
-/* line 6623, ../../../scss/_clix2017.scss */
+/* line 6627, ../../../scss/_clix2017.scss */
 .container {
   text-align: center;
   padding: 10px 20px;
   border-top: 5px solid #164a7b;
   margin-top: 0px;
 }
-/* line 6629, ../../../scss/_clix2017.scss */
+/* line 6633, ../../../scss/_clix2017.scss */
 .container > p {
   color: black;
   font-size: 16px;
   font-weight: 500;
 }
 
-/* line 6638, ../../../scss/_clix2017.scss */
+/* line 6642, ../../../scss/_clix2017.scss */
 .tool-bg {
   background-color: rgba(87, 198, 250, 0.07);
 }
 
-/* line 6641, ../../../scss/_clix2017.scss */
+/* line 6645, ../../../scss/_clix2017.scss */
 .purple-btn {
   width: inherit;
   text-transform: uppercase;
@@ -6402,7 +6401,7 @@ input.transcript-toggler {
   border: 2px solid #6a0054;
 }
 
-/* line 6651, ../../../scss/_clix2017.scss */
+/* line 6655, ../../../scss/_clix2017.scss */
 .disable-purple-btn {
   width: inherit;
   text-transform: uppercase !important;
@@ -6413,27 +6412,27 @@ input.transcript-toggler {
   border: 2px solid #4b4852;
 }
 
-/* line 6661, ../../../scss/_clix2017.scss */
+/* line 6665, ../../../scss/_clix2017.scss */
 .user-analytics-data {
   margin: 42px 37px 37px 37px;
   border: 2px solid #aaaaaa;
 }
-/* line 6664, ../../../scss/_clix2017.scss */
+/* line 6668, ../../../scss/_clix2017.scss */
 .user-analytics-data .close-reveal-modal {
   font-size: 20px;
 }
 
-/* line 6668, ../../../scss/_clix2017.scss */
+/* line 6672, ../../../scss/_clix2017.scss */
 .left-space {
   margin-left: 0.5em;
 }
 
-/* line 6676, ../../../scss/_clix2017.scss */
+/* line 6680, ../../../scss/_clix2017.scss */
 .top-right-menu {
   margin-right: 80px !important;
 }
 
-/* line 6683, ../../../scss/_clix2017.scss */
+/* line 6687, ../../../scss/_clix2017.scss */
 .button-cancel-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6451,12 +6450,12 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6699, ../../../scss/_clix2017.scss */
+/* line 6703, ../../../scss/_clix2017.scss */
 .button-cancel-new:hover {
   background-color: #fff;
   color: #333333;
 }
-/* line 6704, ../../../scss/_clix2017.scss */
+/* line 6708, ../../../scss/_clix2017.scss */
 .button-cancel-new > a {
   font-family: open_sansbold,sans-serif;
   font-size: 1.2rem;
@@ -6468,13 +6467,13 @@ input.transcript-toggler {
   transition: all .1s ease;
   margin-right: 1px;
 }
-/* line 6714, ../../../scss/_clix2017.scss */
+/* line 6718, ../../../scss/_clix2017.scss */
 .button-cancel-new > a:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6722, ../../../scss/_clix2017.scss */
+/* line 6726, ../../../scss/_clix2017.scss */
 .button-save-new {
   height: 2rem;
   padding: 0 2rem;
@@ -6491,54 +6490,54 @@ input.transcript-toggler {
   color: #fff;
   transition: all .1s ease;
 }
-/* line 6737, ../../../scss/_clix2017.scss */
+/* line 6741, ../../../scss/_clix2017.scss */
 .button-save-new:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6745, ../../../scss/_clix2017.scss */
+/* line 6749, ../../../scss/_clix2017.scss */
 .exp-module-container {
   margin-left: 60px;
 }
 
-/* line 6749, ../../../scss/_clix2017.scss */
+/* line 6753, ../../../scss/_clix2017.scss */
 .fill-green-circle {
   padding: 6px 6px;
   border-radius: 100%;
   background-color: green;
 }
 
-/* line 6755, ../../../scss/_clix2017.scss */
+/* line 6759, ../../../scss/_clix2017.scss */
 .fill-orange-circle {
   padding: 6px 6px;
   border-radius: 100%;
   background-color: orange;
 }
 
-/* line 6761, ../../../scss/_clix2017.scss */
+/* line 6765, ../../../scss/_clix2017.scss */
 [class*="img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 100px;
 }
 
-/* line 6765, ../../../scss/_clix2017.scss */
+/* line 6769, ../../../scss/_clix2017.scss */
 [class*="high-img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 160px;
 }
 
-/* line 6769, ../../../scss/_clix2017.scss */
+/* line 6773, ../../../scss/_clix2017.scss */
 [class*="mid-img-banner-card-"] {
   margin: -11px -11px 0px -11px;
   height: 104px;
 }
-/* line 6772, ../../../scss/_clix2017.scss */
+/* line 6776, ../../../scss/_clix2017.scss */
 [class*="mid-img-banner-card-"] .unit_banner {
   height: 85px;
 }
 
-/* line 6777, ../../../scss/_clix2017.scss */
+/* line 6781, ../../../scss/_clix2017.scss */
 .view-progress-report {
   /* padding: 0 2rem; */
   background: none;
@@ -6558,13 +6557,13 @@ input.transcript-toggler {
   width: 62px;
   margin-right: -15px;
 }
-/* line 6797, ../../../scss/_clix2017.scss */
+/* line 6801, ../../../scss/_clix2017.scss */
 .view-progress-report:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6803, ../../../scss/_clix2017.scss */
+/* line 6807, ../../../scss/_clix2017.scss */
 .user-profile-edit {
   border: 1px solid white;
   background-color: #713557;
@@ -6573,13 +6572,13 @@ input.transcript-toggler {
   color: #ffffff;
   font-size: 15px;
 }
-/* line 6810, ../../../scss/_clix2017.scss */
+/* line 6814, ../../../scss/_clix2017.scss */
 .user-profile-edit:hover {
   background-color: #fff;
   color: #912a7d;
 }
 
-/* line 6817, ../../../scss/_clix2017.scss */
+/* line 6821, ../../../scss/_clix2017.scss */
 .profile-field {
   color: black;
   font-size: 15px;
@@ -6588,13 +6587,13 @@ input.transcript-toggler {
   margin-left: 55px;
 }
 
-/* line 6825, ../../../scss/_clix2017.scss */
+/* line 6829, ../../../scss/_clix2017.scss */
 .profile-form {
   border: 1px solid #713557;
   margin: 15px;
 }
 
-/* line 6830, ../../../scss/_clix2017.scss */
+/* line 6834, ../../../scss/_clix2017.scss */
 .button-cancel-profile {
   height: 2rem;
   padding: 0 2rem;
@@ -6614,71 +6613,71 @@ input.transcript-toggler {
   margin-right: 1px;
   width: auto !important;
 }
-/* line 6848, ../../../scss/_clix2017.scss */
+/* line 6852, ../../../scss/_clix2017.scss */
 .button-cancel-profile:hover {
   background-color: #fff;
   color: #333333;
 }
 
-/* line 6854, ../../../scss/_clix2017.scss */
+/* line 6858, ../../../scss/_clix2017.scss */
 .large_text_input {
   margin-left: -170px;
 }
 
-/* line 6857, ../../../scss/_clix2017.scss */
+/* line 6861, ../../../scss/_clix2017.scss */
 .save-profile-actions {
   margin-left: 400px;
 }
-/* line 6859, ../../../scss/_clix2017.scss */
+/* line 6863, ../../../scss/_clix2017.scss */
 .save-profile-actions .submit-user-profile {
   margin: 20px 0px 20px 0px;
 }
 
-/* line 6864, ../../../scss/_clix2017.scss */
+/* line 6868, ../../../scss/_clix2017.scss */
 .uname-in-profile-form {
   margin-left: 20px !important;
 }
 
-/* line 6868, ../../../scss/_clix2017.scss */
+/* line 6872, ../../../scss/_clix2017.scss */
 .uname-in-dashboard {
   font-family: Open Sans Bold;
 }
 
 /*toolbar css*/
-/* line 6874, ../../../scss/_clix2017.scss */
+/* line 6878, ../../../scss/_clix2017.scss */
 #toolbar {
   width: 100%;
   display: inline-block;
   margin-bottom: -7px;
 }
 
-/* line 6877, ../../../scss/_clix2017.scss */
+/* line 6881, ../../../scss/_clix2017.scss */
 .datetime {
   color: #713558;
   padding: 4px 0px 2px 5px;
   font-size: 12px;
 }
 
-/* line 6880, ../../../scss/_clix2017.scss */
+/* line 6884, ../../../scss/_clix2017.scss */
 .changefont {
   text-align: right;
   padding: 2px 5px 1px 0px;
   margin-right: 88px;
 }
 
-/* line 6883, ../../../scss/_clix2017.scss */
+/* line 6887, ../../../scss/_clix2017.scss */
 .font-minus {
   font-size: 70%;
   color: #713558;
 }
 
-/* line 6886, ../../../scss/_clix2017.scss */
+/* line 6890, ../../../scss/_clix2017.scss */
 .font-normal {
   font-size: 85%;
   color: #713558;
 }
 
-/* line 6890, ../../../scss/_clix2017.scss */
+/* line 6894, ../../../scss/_clix2017.scss */
 .font-plus {
   font-size: 100%;
   color: #713558;
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
index c7ffc77271..f6296d7303 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/static/ndf/scss/_clix2017.scss
@@ -4919,10 +4919,9 @@ $inCompleteBgColor: #fd9e29;
 }
 
 
-.accordion {
+.accordion-overview {
     background-color: #eee;
     color: #444;
-    cursor: pointer;
     padding: 18px;
     width: 100%;
     border: none;
@@ -4932,8 +4931,13 @@ $inCompleteBgColor: #fd9e29;
     transition: 0.4s;
 }
 
-.active, .accordion:hover {
+ .accordion-overview:hover {
+   & .active{
+   
     background-color: #6f0859; 
+   }
+
+
 }
 
 .panel {
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
index 082992e5ab..707316b1ea 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
@@ -1,5 +1,5 @@
 <div class="course-content">
-    <button class="accordion">Overview</button>
+    <button class="accordion-overview">Overview</button>
     <div class="panel">
          <div class="about-course">
             <h5>Description:</h5>
@@ -131,7 +131,7 @@ <h5>Created On</h5>
         'INPROGRESS': 'fill-orange-circle',
     }
 
-    var acc = document.getElementsByClassName("accordion");
+    var acc = document.getElementsByClassName("accordion-overview");
     var i;
 
 for (i = 0; i < acc.length; i++) {

From 83457f8167c4317dc596fc127a16ce4272e9bdff Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 11:54:50 +0530
Subject: [PATCH 08/26] showing bell icon if groupid/group_id

---
 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
index f2a260d2d8..2809875862 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/header_clix.html
@@ -89,7 +89,11 @@
                 
             </ul>
             <ul class="right show-for-medium-up top-right-menu">
+                {% if groupid %}
                 <li class=""><a title="Click here to view Notifications" target="_blank" href="{% url 'notification_details' groupid %}"> <i class="fa fa-bell-o"></i></a></li>
+                {% elif group_id %}
+                    <li class=""><a title="Click here to view Notifications" target="_blank" href="{% url 'notification_details' group_id %}"> <i class="fa fa-bell-o"></i></a></li>
+                {% endif %}
                 {% if help_oid %}
                     <li class=""><a title="Click here to view FAQ Help" {% if title == 'Help Page'  %} class="active" {% endif %} target="_blank" href="{% url 'course_content' help_oid %}"> <i class="fa fa-info-circle"></i> Help </a></li>
                 {% endif %}

From 73e45cba393258e64bdfc28c5b06781176107c50 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 12:31:24 +0530
Subject: [PATCH 09/26] getting node_obj.name error in notification fixed

---
 gnowsys-ndf/gnowsys_ndf/ndf/views/group.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py
index 062c655d4e..0a8943a916 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/group.py
@@ -3028,7 +3028,8 @@ def notification_details(request,group_id):
           rel_set_dict = get_dict_from_list_of_dicts(each.relation_set)
           if each.if_file.mime_type and 'assetcontent_of' in rel_set_dict:
             node_obj = Node.get_node_by_id(each.relation_set[0]['assetcontent_of'][0])
-            activity =  'uploaded ' + each.name +  ' in ' + node_obj.name
+            if node_obj:
+                activity =  'uploaded ' + each.name +  ' in ' + node_obj.name
           elif 'Asset' in each.member_of_names_list and 'asset@gallery' in each.tags:
             activity =  'Modified Folder ' + each.name
           elif 'Asset' in each.member_of_names_list and 'raw@material' in each.tags:

From ff4af880dfa5aceedd76a3739ee99b73d2b156af Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 14:32:35 +0530
Subject: [PATCH 10/26] base of error related templates changed

---
 .../gnowsys_ndf/ndf/templates/error_base.html | 329 +++++++++++++-----
 1 file changed, 246 insertions(+), 83 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
index 7a83deef4d..62b33a68d8 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
@@ -1,106 +1,269 @@
-<!DOCTYPE html>
-
 {% load i18n %}
-{% load get_site_variables from ndf_tags %}
+{% load ndf_tags %}
+{% load cache %}
+
+{% get_group_name group_id as group_name_tag %}
 {% get_site_variables as site %}
+{# {% get_oid_variables as oids %} #}
+{% user_access_policy group_id request.user as user_access %}
 
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="">
+    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
 
-	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<meta name="description" content="">
-
-	<title>{% block error_title %}{% endblock %}</title>
-	
-	<script src="/static/ndf/js/app.js"></script> 
-
-	<link rel="shortcut icon" href="/static/ndf/images/favicon/logo.png"> 
-	
-	<!-- Foundation 5 - Responsive CSS Framework http://foundation.zurb.com/docs/css.html-->
-	<link rel="stylesheet" href="/static/ndf/bower_components/foundation/css/normalize.css"> 
-	<link rel="stylesheet" href="/static/ndf/css/themes/metastudio/styles.css"> 
-
-	<!-- Foundation Icon Font http://zurb.com/playground/foundation-icon-fonts-3 -->
-	<link rel="stylesheet" href="/static/ndf/bower_components/foundation-icon-fonts/foundation-icons.css"> 
-
-	<style type="text/css">
-
-		body > footer{
-			position: absolute;
-			bottom: 0;
-			width: 100%;
-		}
-
-		.bk-image {
-		    position: absolute;
-		    top: 0%;
-		    left: 12%;
-		    color: gray;
-		    font-size: 20em;
-		    z-index: -1;
-		    opacity: 0.5;
-		    -ms-transform: rotate(25deg); /* IE 9 */
-		    -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
-		    transform: rotate(-25deg);
-		}
-
-	</style>
+    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/foundation/css/normalize.css">
+    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/foundation-icon-fonts/foundation-icons.css">
+   <link rel="stylesheet" type="text/css" href="/static/ndf/css/opensans-fonts.css">
+   <link rel="stylesheet" type="text/css" href="/static/ndf/css/open-sans-bold-font.css">
+    <link rel="stylesheet" type="text/css" href="/static/ndf/css/clix-activity-styles.css">
+    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/foundation/css/foundation.css">
+    <link rel="shortcut icon" href="{{site.FAVICON}}">
+    <link rel="stylesheet" href="/static/ndf/bower_components/foundation/css/normalize.css">
+    <!--<link rel="stylesheet" href="/static/ndf/css/themes/{{site.SITE_NAME|lower}}/styles.css">-->
+    <link rel="stylesheet" href="/static/ndf/bower_components/font-awesome/css/font-awesome.css">
+    <link rel="stylesheet" href="/static/ndf/bower_components/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="/static/ndf/css/themes/clix/clix2017.css">
+    <!-- variables for js ussage -->
+    
+    <input type="hidden" name="group_id" class="group_id" value="{{group_id}}">
+    <input type="hidden" name="is_authenticated" class="is_authenticated" value="{{user.is_authenticated}}">
+    <input type="hidden" name="csrf_token" class="csrf_token" value="{{csrf_token}}">
 
-</head>
-<body>
+    <!-- end variables for js ussage -->
+    <script type="text/javascript" src="/static/ndf/bower_components/jquery/dist/jquery.min.js"></script>
+    <script type="text/javascript" src="/static/ndf/bower_components/foundation/js/foundation.min.js"></script>
+    <script type="text/javascript" src="/static/ndf/bower_components/foundation/js/foundation/foundation.topbar.js"></script>
+    <script type="text/javascript" src="/static/ndf/bower_components/modernizr/modernizr.js"></script>
+    </script>
+    <!-- Foundation 5 - Responsive CSS Framework http://foundation.zurb.com/docs/css.html-->
+    <script src="/static/ndf/js/MediaStreamRecorder.js"></script>
+    <script src="/static/ndf/js/adapter.js"></script>
+    <script src="/static/ndf/bower_components/modernizr/modernizr.js"></script>
+    <!-- jQuery -->
+    <script src="/static/ndf/bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="/static/ndf/bower_components/blockui/jquery.blockUI.js"></script>
+    <script type="text/javascript" src="/static/ndf/bower_components/jqtree/tree.jquery.js"></script>
+    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/jqtree/jqtree.css">
 
-    <nav class="top-bar drop-shadow row" data-topbar role="navigation">
 
-		<ul class="title-area ">
+    <title>{{ site.SITE_NAME }} - {% block title %} {% endblock %}</title>
+    {% block head %}{% endblock %}
 
-		<li class="name">
-		    <h1>
-		      <a href="/home/" class="group" accesskey="q" id="home-group">
-		      	<img src="{{site.LOGO}}" style="height:45px;">
-		      </a>
-		    </h1>
-		</li>
+    <style>
 
-		<li class="toggle-topbar menu-icon">
-		  <a href="#">{% trans "Menu" %}</a>
-		</li>
+    {% block style %}{% endblock %}
 
-		</ul>
-    </nav>
+  </style>
 
+</head>
+<body>
+
+    {% if site.BUDDY_LOGIN and user.is_authenticated and request.author.agency_type == 'Student'%}
+        {% include "ndf/buddy.html" %}
+    {% endif %}
+
+    {% include "ndf/header_clix.html" %}
+    {% block extended_header %}{% endblock %}
+
+    {% block body_content %} 
     <div class="bk-image">
-    	<i class="fi-paw"></i>
+        <i class="fi-paw"></i>
+    </div>
+        <div class="text-center">
+        {% block error_body_text %} 
+            dasdsadsdssadsdsd
+            {% if message %}
+                <h2>{{message}}</h2>
+                <br/>
+                <a href="javascript:window.history.back();">
+                    {% trans "Click here to go back" %}
+                </a>
+            {% endif %}
+        {% endblock %}
     </div>
 
-    <br/>
-    <br/>
+    {% endblock %}
+  <!-- JS -->
+  <!--<script src="/static/ndf/js/app.js"></script>-->
+  <script src="/static/ndf/bower_components/foundation/js/foundation.min.js"></script>
+  <script src="/static/ndf/js/gstudio-functions.js"></script>
 
-	<div class="text-center">
-		{% block error_body_text %}	
-			{% if message %}
-				<h2>{{message}}</h2>
-				<br/>
-				<a href="javascript:window.history.back();">
-					{% trans "Click here to go back" %}
-				</a>
-			{% endif %}
-		{% endblock %}
-	</div>
+  <!-- end of footer cache -->
 
-	{% include "ndf/footer.html" with site=site %} 
+  <script type="text/javascript">
+    // Initialize Foundation CSS
+       $(document).foundation();
 
-	<script type="text/javascript">
+    // Register global ajax start and complete events to show ajax loader when request is in process
+      $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
 
-        try{
-			// function defined in app.js to check the font and load it asynchronously.
-			checkOpenSansFont();
-        }
-        finally{
-        }
+    // // Toggles the display of main sidebar for 12 col article view
+    //   var toggleMainSidebar = function(){
+    //     $("main>aside").toggle();
+    //     $("main>article").toggleClass("large-9 large-12");
+    //   };
+
+    // // Hide broken image links
+    //   $('img').error(function(){
+    //     $(this).addClass("hide");
+    //     //$(this).attr('src', 'missing.png');
+    //   });
+
+    // // If on the home group, change group dropdown text to "Groups"
+    //   if($(".group a.active").html() == "home") {
+    //     $(".group a.active").html("Groups").removeClass("active");
+    //     $("#home-group").addClass("active");
+    //   }
+
+    // //Functions to automatically add an <i> element icon inside node spans
+
+    // /* Attaches user icon with gnow level color for every user link */
+    // $(".user").prepend(function(){return "<i class='fi-torso'></i>"});
+
+    // /* Attaches icon for node type */
+    // $(".card .course").prepend(function(){return "<i class='fi-book'></i>"});
+
+    // /* Attaches icon for node type */
+    // $(".card .quiz").prepend(function(){return "<i class='fi-graph-bar'></i>"});
+
+    // /* Attaches icon for node type */
+    // $(".card .forum").prepend(function(){return "<i class='fi-comments'></i>"});
+
+    // /* Attaches icon for node type */
+    // $(".card .group").prepend(function(){return "<i class='fi-torsos'></i>"});
+
+    //   /* Attaches icon for node type */
+    // $(".card .page").prepend(function(){return "<i class='fi-page'></i>"});
 
-	</script>
+    // /* Attaches icon for node type */
+    // $(".card .ebook").prepend(function(){return "<i class='fi-book'></i>"});
 
+    // /* Attaches icon for node type */
+    // $("aside.page").prepend(function(){return "<i class='fi-page'></i>"});
+
+    // //set language prefernce
+    //   $(document).on('click', "#savepref", function(){
+    //     var vpref=$("#pref").val();
+    //     var fb=$("#fallback").val();
+    //     var vurl='/{{group_id}}/userpreference/';
+
+    //     $.ajax({
+    //       url: vurl,
+    //       type: 'POST',
+    //       data: {pref:vpref,fallback:fb,csrfmiddlewaretoken: '{{ csrf_token }}'},
+
+    //       success:function(data){
+    //         alert("Successfully set the preferences");
+    //         location.reload();
+    //       }
+    //     }); //ajax closes
+    //   }); //document closes
+
+      // after opening overlay node'sdescription should fetch from oid
+      $('.overlay-description-by-oid-caller').click(function(){
+        // alert(this.getAttribute('data-oid'));
+        var oid = this.getAttribute('data-oid');
+        document.getElementById('overlay-description-by-oid').setAttribute('caught-data-oid', oid);
+
+        // wiping out #overlay-description-by-oid-content and overlay-description-by-oid-title
+        document.getElementById('overlay-description-by-oid-content').textContent = ""
+        document.getElementById('overlay-description-by-oid-title').textContent = ""
+      });
+
+      $(document).on('open', '#overlay-description-by-oid[data-reveal]', function () {
+        var modal = this;
+        // console.log(modal.getAttribute('caught-data-oid'));
+        var oid = modal.getAttribute('caught-data-oid');
+        // var url = "/{{group_id}}/ajax/get_resource_by_oid/" + oid;
+
+        if (!oid) {return};
+
+      });
+
+    // // start of document.ready()
+    //   $(document).ready(function() {
+    //     try{
+    //         $("#help-canvas-menu").click(function(){
+    //             $("#help-canvas-menu").toggleClass("expanded");
+    //             // $("div").addClass("expanded");
+    //         });
+
+    //       // $('select option[value="{{request.LANGUAGE_CODE}}"]').attr("selected",true);
+
+    //       {% block document_ready %} {% endblock %}
+
+    //     }
+    //     finally{
+    //       // function defined in app.js to check the font and load it asynchronously.
+    //       checkOpenSansFont();
+    //     }
+
+    //     //function defined to inject
+    //     (function(win,doc,tag,script){
+    //       var element = doc.createElement(tag);
+    //       var ftag = doc.getElementsByTagName(tag)[0];
+    //       element.async = 1;
+    //       element.src = script;
+    //       ftag.parentNode.insertBefore(element,ftag)
+    //     })(window,document,'script','/static/ndf/js/analytics.js');
+    //   });
+
+    {% block script %} {% endblock %}
+  </script>
 </body>
+<footer>
+  </div>   
+    <style type="text/css">
+    .bk-image {
+            position: absolute;
+            top: 0%;
+            left: 12%;
+            color: gray;
+            font-size: 20em;
+            z-index: -1;
+            opacity: 0.5;
+            -ms-transform: rotate(25deg); /* IE 9 */
+            -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
+            transform: rotate(-25deg);
+        }
+/*            
+            #page_content{
+                                display: table;
+                height:auto;
+                                display: table-row;
+
+            }
+            
+            html,body {
+                height:100%;
+                width: 100%;
+            }
+
+
+
+            body {
+
+                    display: table;
+            }
+
+            .footer_container{
+                    height: auto;
+                    display: table-row;
+            }
+
+            #footer {
+                height: 1px;
+            }
+*/    </style>
+    <div clas="footer-test">
+        
+    {% if not no_footer %}
+        {% include 'ndf/footer_clix.html' %}
+    {% endif %}
+    </div>
+</footer>
 </html>

From a3f040d413a171c9618f027bf906089f154e28fa Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 16:19:34 +0530
Subject: [PATCH 11/26] default banner pic changed

---
 .../gnowsys_ndf/ndf/templates/ndf/widget_photo_upload.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_photo_upload.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_photo_upload.html
index 10d31f27ac..b603c88b4b 100755
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_photo_upload.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/widget_photo_upload.html
@@ -26,8 +26,8 @@
                   <i class="fi-torso style2 text-center"></i>
               {% elif node.if_file.mid.relurl %}
                    <img src="{{MEDIA_URL}}{{node.if_file.mid.relurl}}" alt="Profile picture for this group." class="img-height">
-              {% elif "announced_unit" in  group_object.member_of_names_list %}
-                    <img src="/static/ndf/images/maths-cover.png" alt="Profile picture for this group." class="img-height">
+              {% elif "announced_unit" in  group_object.member_of_names_list or  "draft_unit" in  group_object.member_of_names_list %}
+                    <img src="/static/ndf/images/course_backbround-2.png" alt="Profile picture for this group." class="img-height">
               {% else %}
                     <img src="/static/ndf/css/themes/{{site.SITE_NAME|lower}}/images/default-bg.png" alt="Profile picture for this group." class="img-height">
               {% endif %}

From cb961e9576daf4545648506df6c1e5c2ece43217 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 16:33:07 +0530
Subject: [PATCH 12/26] joined workspaces title changed

---
 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
index a2e2434b40..417346bc9d 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/lms_dashboard.html
@@ -174,7 +174,7 @@ <h3> My Workspace</h3>
     {% endif %}
 
     <div class="row" style="margin-left: 10px !important ">
-      <h3 >Joined Workspaces and Enrolled Courses </h3>
+      <h3 >Enrolled Courses</h3>
     </div>
     <div class="small-12 columns lms_explore_back_unit">
       <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-4">

From 8666daf4a9de1e2ee70eeb4f71e1b36938f5e91d Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 17:54:43 +0530
Subject: [PATCH 13/26] contact,privacy policy,terms of use etc pages added

---
 .../gnowsys_ndf/ndf/templates/error_base.html |  1 -
 .../ndf/templates/ndf/site_about.html         |  6 +++
 .../ndf/templates/ndf/site_contact.html       |  6 +++
 .../ndf/templates/ndf/site_credits.html       |  6 +++
 .../ndf/templates/ndf/site_privacypolicy.html |  6 +++
 .../ndf/templates/ndf/site_termsofuse.html    |  6 +++
 gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py  |  6 ++-
 gnowsys-ndf/gnowsys_ndf/ndf/views/home.py     | 52 +++++++++++++++++++
 8 files changed, 87 insertions(+), 2 deletions(-)
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_about.html
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_contact.html
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_credits.html
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_privacypolicy.html
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_termsofuse.html

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
index 62b33a68d8..16ebd71d2f 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
@@ -75,7 +75,6 @@
     </div>
         <div class="text-center">
         {% block error_body_text %} 
-            dasdsadsdssadsdsd
             {% if message %}
                 <h2>{{message}}</h2>
                 <br/>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_about.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_about.html
new file mode 100644
index 0000000000..b765656754
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_about.html
@@ -0,0 +1,6 @@
+{% extends "ndf/gbase.html" %}
+{% load i18n %}
+{% load cache %}
+{% block body_content %}
+    ************* Site About Page *****************************
+{% endblock %}
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_contact.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_contact.html
new file mode 100644
index 0000000000..ea36bfe002
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_contact.html
@@ -0,0 +1,6 @@
+{% extends "ndf/gbase.html" %}
+{% load i18n %}
+{% load cache %}
+{% block body_content %}
+    ************* Site Contact Page *****************************
+{% endblock %}
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_credits.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_credits.html
new file mode 100644
index 0000000000..5027c5a5a9
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_credits.html
@@ -0,0 +1,6 @@
+{% extends "ndf/gbase.html" %}
+{% load i18n %}
+{% load cache %}
+{% block body_content %}
+    ************* Site Credit Page *****************************
+{% endblock %}
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_privacypolicy.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_privacypolicy.html
new file mode 100644
index 0000000000..e80b92ece9
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_privacypolicy.html
@@ -0,0 +1,6 @@
+{% extends "ndf/gbase.html" %}
+{% load i18n %}
+{% load cache %}
+{% block body_content %}
+    ************* Site privacy Policy Page *****************************
+{% endblock %}
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_termsofuse.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_termsofuse.html
new file mode 100644
index 0000000000..f30fcd9c1e
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/site_termsofuse.html
@@ -0,0 +1,6 @@
+{% extends "ndf/gbase.html" %}
+{% load i18n %}
+{% load cache %}
+{% block body_content %}
+    ************* Site Terms Of Use Page *****************************
+{% endblock %}
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py b/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py
index da9a3df7a8..a3c368447c 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py
@@ -120,7 +120,6 @@
     #test url
     (r'^dev/', include('gnowsys_ndf.ndf.urls.dev_utils')),
     (r'^tools/', include('gnowsys_ndf.ndf.urls.tools')),
-    
     # meeting app
     # (r'^online/', include('online_status.urls')),   #for online_users.
     # url(r'^(?P<group_id>[^/]+)/inviteusers/(?P<meetingid>[^/]+)','gnowsys_ndf.ndf.views.meeting.invite_meeting', name='invite_meeting'),
@@ -129,6 +128,11 @@
     # url(r'^(?P<group_id>[^/]+)/online','gnowsys_ndf.ndf.views.meeting.get_online_users', name='get_online_users'),
     # following url (name="meeting") kept uncommented to avoid errors
     url(r'^(?P<group_id>[^/]+)/meeting','gnowsys_ndf.ndf.views.meeting.dashb', name='meeting'),
+    url(r'^about.html/','gnowsys_ndf.ndf.views.home.site_about',name='site_about'),    
+    url(r'^credits.html/','gnowsys_ndf.ndf.views.home.site_credits',name='site_credits'),    
+    url(r'^contact.html/','gnowsys_ndf.ndf.views.home.site_contact',name='site_contact'),    
+    url(r'^termsofuse.html/','gnowsys_ndf.ndf.views.home.site_termsofuse',name='site_termsofuse'),    
+    url(r'^privacypolicy.html/','gnowsys_ndf.ndf.views.home.site_privacypolicy',name='site_privacypolicy'),    
     # --end meeting app
 
     # (r'^(?P<group_id>[^/]+)/Observations', include('gnowsys_ndf.ndf.urls.observation')),
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py
index 1ef080a2fe..49cf8b8d68 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py
@@ -194,4 +194,56 @@ def help_page_view(request,page_name):
                                             'page_obj':page_obj
                                         },
                                         context_instance=RequestContext(request)
+                                    )
+@get_execution_time
+def site_about(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_about.html",
+                                        {
+                                            'title': 'About',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+@get_execution_time
+def site_credits(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_credits.html",
+                                        {
+                                            'title': 'Credits',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+
+@get_execution_time
+def site_contact(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_contact.html",
+                                        {
+                                            'title': 'Contact',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+
+@get_execution_time
+def site_termsofuse(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_termsofuse.html",
+                                        {
+                                            'title': 'Terms Of Use',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+@get_execution_time
+def site_privacypolicy(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_privacypolicy.html",
+                                        {
+                                            'title': 'Privacy Policy',
+                                        },
+                                        context_instance=RequestContext(request)
                                     )
\ No newline at end of file

From 5da1d5b6eb669a54e31ba94a3680923a4d91ec65 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Fri, 13 Apr 2018 18:56:25 +0530
Subject: [PATCH 14/26] overview modified

---
 .../ndf/templates/ndf/course_content.html     | 44 ++++++++++++-------
 1 file changed, 29 insertions(+), 15 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
index 707316b1ea..f66c084128 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
@@ -1,19 +1,21 @@
 <div class="course-content">
     <button class="accordion-overview">Overview</button>
     <div class="panel">
-         <div class="about-course">
-            <h5>Description:</h5>
-              <div class="course-desc" id="scstyle">
-                {{group_object.content|default:'No description added yet.'|safe}}
+         <div class="about-course  rows">            
+            <div class="medium-3  large-12 columns rows">
+              <div class="left">
+                <i class="icon-wid fa fa-user"></i>
               </div>
-              <div>
-                <u><a class="show-more hide">Show more</a></u>
+              <div class="left">
+                <h5>Description</h5> <br>
+                  <div class="course-highlight">
+                    <span>
+                      {{group_object.content|default:'No description added yet.'|safe}}  
+                    </span>
+                  </div>
               </div>
-              <br/>
-        </div>
-
-        <div class="about-course">
-            <div class="medium-3 rows">
+            </div>
+            <div class="medium-3 large-3 columns rows">
               <div class="left">
                 <i class="icon-wid fa fa-user"></i>
               </div>
@@ -21,14 +23,27 @@ <h5>Description:</h5>
                 <h5>No. of Members</h5>
                   <div class="course-highlight">
                     <span>
-                      {{group_object.author_set|length}} 
+                      {{group_object.author_set|length}}  
+                    </span>
+                  </div>
+              </div>
+            </div> 
+            <div class="medium-3  large-3 columns rows">
+              <div class="left">
+                <i class="icon-wid fa fa-list"></i>
+              </div>
+              <div class="left">
+                <h5>No. of {% firstof group_object.project_config.tab_name 'Lessons' %}</h5>
+                  <div class="course-highlight">
+                    <span>
+                      {{group_object.collection_set|length}}
                     </span>
                   </div>
               </div>
             </div>
             <br/>
-            <br/>
         </div>
+      </div>
        
         {% comment %}
         {% if show_analytics_notifications %}
@@ -61,7 +76,6 @@ <h5>  Course Duration</h5>
             <br/>
           {% endif %}
         {% endif %}
-      </div>
 
       {% if educationallevel_val %}
         <div class="about-course">
@@ -120,7 +134,7 @@ <h5>Created On</h5>
           <br/>
       </div>
     {% endcomment %}
-    </div>
+
     <div id="tree1">
     </div>
 </div>

From f2911598799bc700786d4714f7f09c00f9a4f6a5 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 11:03:14 +0530
Subject: [PATCH 15/26] audio record tool uncommented

---
 .../gnowsys_ndf/ndf/templates/ndf/audioDashboard.html    | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/audioDashboard.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/audioDashboard.html
index 86b351c04d..ac5349fb70 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/audioDashboard.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/audioDashboard.html
@@ -19,14 +19,15 @@
    <!--  <h1>
         <div id="timer">2:00</div>
     </h1> -->
-    {% comment %}
+    
     <div class="upload-file small-12 medium-3 large-2 columns" id="upload_form_div">
                         <form class="dropzone" id ="docPost" enctype="multipart/form-data" method="post" action="{% url 'upload_file_ckeditor' group_id %}">
                             {% csrf_token %}
+                           {% comment %}
                             <label class="tiny button radius expand upload-btn" style="margin: 0px;">
                                 <i class="fa fa-upload"></i>
                                 &nbsp;
-                                <span>Upload File</span>
+                                 <span>Upload File</span>
                                 <input type="file" name="filehive" id="docFile" style="display: none;" multiple/>
                             </label>
                             <br><br>
@@ -38,6 +39,7 @@
                               <input type="button" id="btnUploadCancel" class="tiny button radius" value="Cancel"/>
                             </div>
                             <input type="hidden" name="context_name" value="{{title}}">
+                             {% endcomment %}
                         </form>
                     </div>
 
@@ -64,7 +66,6 @@
     </div>
 
     <div id="audios-container"></div>
-    {% endcomment %}
      <ul class="small-block-grid-1 medium-block-grid-3 large-block-grid-3" >
     <h4>Select Audio: </h4>
     <div class="row">
@@ -87,7 +88,6 @@ <h4>Select Audio: </h4>
   </ul>
  -->   
 
-{% comment %}
     <script>
 
     // 
@@ -440,4 +440,3 @@ <h4>Select Audio: </h4>
   });
 
 </script>
-{% endcomment %}

From 13fe08d15487c10642cc9129247aabce8ce3ca12 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 14:10:31 +0530
Subject: [PATCH 16/26] extra code if school workspace exists removed

---
 doc/deployer/create_workspace_from_institute_id.py | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index e4c0786848..e664ceda11 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -27,7 +27,4 @@
 		group_obj.save()
 		print "workspace created:",group_obj.altnames
 	else:
-		if gst_group_id not in group_obj.member_of:
-	  		group_obj.member_of = [gst_group_id]
-			group_obj.save()
-	    	print "\n Already exists Group: ", workspace_name
\ No newline at end of file
+		print "\n Already exists Group: ", workspace_name
\ No newline at end of file

From 638f8841525cf1347901ddf05bcf7f08069fc7ea Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 15:07:13 +0530
Subject: [PATCH 17/26] changes revert back in error templates

---
 .../gnowsys_ndf/ndf/templates/403.html        |   3 +-
 .../gnowsys_ndf/ndf/templates/404.html        |  34 +--
 .../gnowsys_ndf/ndf/templates/error_base.html | 272 +++---------------
 3 files changed, 63 insertions(+), 246 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html
index a57bcb89e6..de4f7473de 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html
@@ -18,8 +18,7 @@ <h4>
 				</blockquote>
 			{% else %}
 				You do not have permission to retrieve the URL or link you requested.<br/>
-				Please check the URL or head to the 
-				<a href="/home/"> <i class="fi-home"> </i> homepage</a>.
+				<a href="javascript:window.history.back();">Click here to go Back.</a> &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> homepage</a>.
 			{% endif %}
 		</small>
 	</h4>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html
index 29e24bb3d6..a7336a0288 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html
@@ -3,22 +3,22 @@
 {% block error_title %} 400 - Page not found {% endblock %}
 
 {% block error_body_text %}
-	<br/>
-	<h2>Sorry, You got the wrong address!</h2>
+    <br/>
+    <h2>Sorry, You got the wrong address!</h2>
 
-	<br/>
-	<h4>
-		<small>
-			{% if site.SITE_NAME == "NROER" %}
-				Double check the URL or navigate back to:
-				<blockquote>
-					<a href="{% url 'repository' 'home' %}"> Repository </a> | 
-					<a href="{% url 'nroer_groups' 'home' 'Partners' %}"> Partners </a> | 
-					<a href="{% url 'nroer_groups' 'home' 'Groups' %}"> Groups </a>
-				</blockquote>
-			{% else %}
-				Double check the URL or head to the &nbsp; <a href="/home/"> <i class="fi-home"> </i> homepage</a>.
-			{% endif %}
-		</small>
-	</h4>
+    <br/>
+    <h4>
+        <small>
+            {% if site.SITE_NAME == "NROER" %}
+                Double check the URL or navigate back to:
+                <blockquote>
+                    <a href="{% url 'repository' 'home' %}"> Repository </a> | 
+                    <a href="{% url 'nroer_groups' 'home' 'Partners' %}"> Partners </a> | 
+                    <a href="{% url 'nroer_groups' 'home' 'Groups' %}"> Groups </a>
+                </blockquote>
+            {% else %}
+                <a href="javascript:window.history.back();">Click here to go Back.</a> &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> homepage</a>.
+            {% endif %}
+        </small>
+    </h4>
 {% endblock %}
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
index 16ebd71d2f..60eb35e359 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
@@ -1,79 +1,64 @@
-{% load i18n %}
-{% load ndf_tags %}
-{% load cache %}
+<!DOCTYPE html>
 
-{% get_group_name group_id as group_name_tag %}
+{% load i18n %}
+{% load get_site_variables from ndf_tags %}
 {% get_site_variables as site %}
-{# {% get_oid_variables as oids %} #}
-{% user_access_policy group_id request.user as user_access %}
 
-<!DOCTYPE html>
-<html lang="en">
+<html>
 <head>
+
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
-    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
 
-    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/foundation/css/normalize.css">
-    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/foundation-icon-fonts/foundation-icons.css">
-   <link rel="stylesheet" type="text/css" href="/static/ndf/css/opensans-fonts.css">
-   <link rel="stylesheet" type="text/css" href="/static/ndf/css/open-sans-bold-font.css">
-    <link rel="stylesheet" type="text/css" href="/static/ndf/css/clix-activity-styles.css">
-    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/foundation/css/foundation.css">
-    <link rel="shortcut icon" href="{{site.FAVICON}}">
-    <link rel="stylesheet" href="/static/ndf/bower_components/foundation/css/normalize.css">
-    <!--<link rel="stylesheet" href="/static/ndf/css/themes/{{site.SITE_NAME|lower}}/styles.css">-->
-    <link rel="stylesheet" href="/static/ndf/bower_components/font-awesome/css/font-awesome.css">
-    <link rel="stylesheet" href="/static/ndf/bower_components/font-awesome/css/font-awesome.min.css">
-    <link rel="stylesheet" type="text/css" href="/static/ndf/css/themes/clix/clix2017.css">
-    <!-- variables for js ussage -->
+    <title>{% block error_title %}{% endblock %}</title>
     
-    <input type="hidden" name="group_id" class="group_id" value="{{group_id}}">
-    <input type="hidden" name="is_authenticated" class="is_authenticated" value="{{user.is_authenticated}}">
-    <input type="hidden" name="csrf_token" class="csrf_token" value="{{csrf_token}}">
+    <script src="/static/ndf/js/app.js"></script> 
 
-    <!-- end variables for js ussage -->
-    <script type="text/javascript" src="/static/ndf/bower_components/jquery/dist/jquery.min.js"></script>
-    <script type="text/javascript" src="/static/ndf/bower_components/foundation/js/foundation.min.js"></script>
-    <script type="text/javascript" src="/static/ndf/bower_components/foundation/js/foundation/foundation.topbar.js"></script>
-    <script type="text/javascript" src="/static/ndf/bower_components/modernizr/modernizr.js"></script>
-    </script>
+    <link rel="shortcut icon" href="{{site.FAVICON}}">    
     <!-- Foundation 5 - Responsive CSS Framework http://foundation.zurb.com/docs/css.html-->
-    <script src="/static/ndf/js/MediaStreamRecorder.js"></script>
-    <script src="/static/ndf/js/adapter.js"></script>
-    <script src="/static/ndf/bower_components/modernizr/modernizr.js"></script>
-    <!-- jQuery -->
-    <script src="/static/ndf/bower_components/jquery/dist/jquery.min.js"></script>
-    <script src="/static/ndf/bower_components/blockui/jquery.blockUI.js"></script>
-    <script type="text/javascript" src="/static/ndf/bower_components/jqtree/tree.jquery.js"></script>
-    <link rel="stylesheet" type="text/css" href="/static/ndf/bower_components/jqtree/jqtree.css">
+    <link rel="stylesheet" href="/static/ndf/bower_components/foundation/css/normalize.css"> 
+    <link rel="stylesheet" href="/static/ndf/css/themes/metastudio/styles.css"> 
 
+    <!-- Foundation Icon Font http://zurb.com/playground/foundation-icon-fonts-3 -->
+    <link rel="stylesheet" href="/static/ndf/bower_components/foundation-icon-fonts/foundation-icons.css"> 
 
-    <title>{{ site.SITE_NAME }} - {% block title %} {% endblock %}</title>
-    {% block head %}{% endblock %}
+    <style type="text/css">
 
-    <style>
+        body > footer{
+            position: absolute;
+            bottom: 0;
+            width: 100%;
+        }
 
-    {% block style %}{% endblock %}
+        .bk-image {
+            position: absolute;
+            top: 0%;
+            left: 12%;
+            color: gray;
+            font-size: 20em;
+            z-index: -1;
+            opacity: 0.5;
+            -ms-transform: rotate(25deg); /* IE 9 */
+            -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
+            transform: rotate(-25deg);
+        }
 
-  </style>
+    </style>
 
 </head>
 <body>
 
-    {% if site.BUDDY_LOGIN and user.is_authenticated and request.author.agency_type == 'Student'%}
-        {% include "ndf/buddy.html" %}
-    {% endif %}
-
-    {% include "ndf/header_clix.html" %}
-    {% block extended_header %}{% endblock %}
 
-    {% block body_content %} 
     <div class="bk-image">
         <i class="fi-paw"></i>
     </div>
-        <div class="text-center">
+
+    <br/>
+    <br/>
+
+    <div class="text-center">
         {% block error_body_text %} 
             {% if message %}
                 <h2>{{message}}</h2>
@@ -85,184 +70,17 @@ <h2>{{message}}</h2>
         {% endblock %}
     </div>
 
-    {% endblock %}
-  <!-- JS -->
-  <!--<script src="/static/ndf/js/app.js"></script>-->
-  <script src="/static/ndf/bower_components/foundation/js/foundation.min.js"></script>
-  <script src="/static/ndf/js/gstudio-functions.js"></script>
-
-  <!-- end of footer cache -->
-
-  <script type="text/javascript">
-    // Initialize Foundation CSS
-       $(document).foundation();
-
-    // Register global ajax start and complete events to show ajax loader when request is in process
-      $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
-
-    // // Toggles the display of main sidebar for 12 col article view
-    //   var toggleMainSidebar = function(){
-    //     $("main>aside").toggle();
-    //     $("main>article").toggleClass("large-9 large-12");
-    //   };
-
-    // // Hide broken image links
-    //   $('img').error(function(){
-    //     $(this).addClass("hide");
-    //     //$(this).attr('src', 'missing.png');
-    //   });
-
-    // // If on the home group, change group dropdown text to "Groups"
-    //   if($(".group a.active").html() == "home") {
-    //     $(".group a.active").html("Groups").removeClass("active");
-    //     $("#home-group").addClass("active");
-    //   }
-
-    // //Functions to automatically add an <i> element icon inside node spans
-
-    // /* Attaches user icon with gnow level color for every user link */
-    // $(".user").prepend(function(){return "<i class='fi-torso'></i>"});
-
-    // /* Attaches icon for node type */
-    // $(".card .course").prepend(function(){return "<i class='fi-book'></i>"});
-
-    // /* Attaches icon for node type */
-    // $(".card .quiz").prepend(function(){return "<i class='fi-graph-bar'></i>"});
-
-    // /* Attaches icon for node type */
-    // $(".card .forum").prepend(function(){return "<i class='fi-comments'></i>"});
-
-    // /* Attaches icon for node type */
-    // $(".card .group").prepend(function(){return "<i class='fi-torsos'></i>"});
-
-    //   /* Attaches icon for node type */
-    // $(".card .page").prepend(function(){return "<i class='fi-page'></i>"});
 
-    // /* Attaches icon for node type */
-    // $(".card .ebook").prepend(function(){return "<i class='fi-book'></i>"});
+    <script type="text/javascript">
 
-    // /* Attaches icon for node type */
-    // $("aside.page").prepend(function(){return "<i class='fi-page'></i>"});
-
-    // //set language prefernce
-    //   $(document).on('click', "#savepref", function(){
-    //     var vpref=$("#pref").val();
-    //     var fb=$("#fallback").val();
-    //     var vurl='/{{group_id}}/userpreference/';
-
-    //     $.ajax({
-    //       url: vurl,
-    //       type: 'POST',
-    //       data: {pref:vpref,fallback:fb,csrfmiddlewaretoken: '{{ csrf_token }}'},
-
-    //       success:function(data){
-    //         alert("Successfully set the preferences");
-    //         location.reload();
-    //       }
-    //     }); //ajax closes
-    //   }); //document closes
-
-      // after opening overlay node'sdescription should fetch from oid
-      $('.overlay-description-by-oid-caller').click(function(){
-        // alert(this.getAttribute('data-oid'));
-        var oid = this.getAttribute('data-oid');
-        document.getElementById('overlay-description-by-oid').setAttribute('caught-data-oid', oid);
-
-        // wiping out #overlay-description-by-oid-content and overlay-description-by-oid-title
-        document.getElementById('overlay-description-by-oid-content').textContent = ""
-        document.getElementById('overlay-description-by-oid-title').textContent = ""
-      });
-
-      $(document).on('open', '#overlay-description-by-oid[data-reveal]', function () {
-        var modal = this;
-        // console.log(modal.getAttribute('caught-data-oid'));
-        var oid = modal.getAttribute('caught-data-oid');
-        // var url = "/{{group_id}}/ajax/get_resource_by_oid/" + oid;
-
-        if (!oid) {return};
-
-      });
-
-    // // start of document.ready()
-    //   $(document).ready(function() {
-    //     try{
-    //         $("#help-canvas-menu").click(function(){
-    //             $("#help-canvas-menu").toggleClass("expanded");
-    //             // $("div").addClass("expanded");
-    //         });
-
-    //       // $('select option[value="{{request.LANGUAGE_CODE}}"]').attr("selected",true);
-
-    //       {% block document_ready %} {% endblock %}
-
-    //     }
-    //     finally{
-    //       // function defined in app.js to check the font and load it asynchronously.
-    //       checkOpenSansFont();
-    //     }
-
-    //     //function defined to inject
-    //     (function(win,doc,tag,script){
-    //       var element = doc.createElement(tag);
-    //       var ftag = doc.getElementsByTagName(tag)[0];
-    //       element.async = 1;
-    //       element.src = script;
-    //       ftag.parentNode.insertBefore(element,ftag)
-    //     })(window,document,'script','/static/ndf/js/analytics.js');
-    //   });
-
-    {% block script %} {% endblock %}
-  </script>
-</body>
-<footer>
-  </div>   
-    <style type="text/css">
-    .bk-image {
-            position: absolute;
-            top: 0%;
-            left: 12%;
-            color: gray;
-            font-size: 20em;
-            z-index: -1;
-            opacity: 0.5;
-            -ms-transform: rotate(25deg); /* IE 9 */
-            -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
-            transform: rotate(-25deg);
+        try{
+            // function defined in app.js to check the font and load it asynchronously.
+            checkOpenSansFont();
+        }
+        finally{
         }
-/*            
-            #page_content{
-                                display: table;
-                height:auto;
-                                display: table-row;
-
-            }
-            
-            html,body {
-                height:100%;
-                width: 100%;
-            }
-
-
-
-            body {
-
-                    display: table;
-            }
 
-            .footer_container{
-                    height: auto;
-                    display: table-row;
-            }
+    </script>
 
-            #footer {
-                height: 1px;
-            }
-*/    </style>
-    <div clas="footer-test">
-        
-    {% if not no_footer %}
-        {% include 'ndf/footer_clix.html' %}
-    {% endif %}
-    </div>
-</footer>
+</body>
 </html>

From 3a2cc068e14dcaf303c386299f9a2fd2628beb00 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 15:14:33 +0530
Subject: [PATCH 18/26] site regarding views saperated

---
 gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py | 10 +--
 gnowsys-ndf/gnowsys_ndf/ndf/views/home.py    | 52 ---------------
 gnowsys-ndf/gnowsys_ndf/ndf/views/site.py    | 69 ++++++++++++++++++++
 3 files changed, 74 insertions(+), 57 deletions(-)
 create mode 100644 gnowsys-ndf/gnowsys_ndf/ndf/views/site.py

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py b/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py
index a3c368447c..3a998ecd70 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/urls/__init__.py
@@ -128,11 +128,11 @@
     # url(r'^(?P<group_id>[^/]+)/online','gnowsys_ndf.ndf.views.meeting.get_online_users', name='get_online_users'),
     # following url (name="meeting") kept uncommented to avoid errors
     url(r'^(?P<group_id>[^/]+)/meeting','gnowsys_ndf.ndf.views.meeting.dashb', name='meeting'),
-    url(r'^about.html/','gnowsys_ndf.ndf.views.home.site_about',name='site_about'),    
-    url(r'^credits.html/','gnowsys_ndf.ndf.views.home.site_credits',name='site_credits'),    
-    url(r'^contact.html/','gnowsys_ndf.ndf.views.home.site_contact',name='site_contact'),    
-    url(r'^termsofuse.html/','gnowsys_ndf.ndf.views.home.site_termsofuse',name='site_termsofuse'),    
-    url(r'^privacypolicy.html/','gnowsys_ndf.ndf.views.home.site_privacypolicy',name='site_privacypolicy'),    
+    url(r'^about.html/','gnowsys_ndf.ndf.views.site.site_about',name='site_about'),    
+    url(r'^credits.html/','gnowsys_ndf.ndf.views.site.site_credits',name='site_credits'),    
+    url(r'^contact.html/','gnowsys_ndf.ndf.views.site.site_contact',name='site_contact'),    
+    url(r'^termsofuse.html/','gnowsys_ndf.ndf.views.site.site_termsofuse',name='site_termsofuse'),    
+    url(r'^privacypolicy.html/','gnowsys_ndf.ndf.views.site.site_privacypolicy',name='site_privacypolicy'),    
     # --end meeting app
 
     # (r'^(?P<group_id>[^/]+)/Observations', include('gnowsys_ndf.ndf.urls.observation')),
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py
index 49cf8b8d68..19ebff8246 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/home.py
@@ -195,55 +195,3 @@ def help_page_view(request,page_name):
                                         },
                                         context_instance=RequestContext(request)
                                     )
-@get_execution_time
-def site_about(request):
-    # page_obj = Node.get_node_by_id(page_id)
-    return render_to_response(
-                                        "ndf/site_about.html",
-                                        {
-                                            'title': 'About',
-                                        },
-                                        context_instance=RequestContext(request)
-                                    )
-@get_execution_time
-def site_credits(request):
-    # page_obj = Node.get_node_by_id(page_id)
-    return render_to_response(
-                                        "ndf/site_credits.html",
-                                        {
-                                            'title': 'Credits',
-                                        },
-                                        context_instance=RequestContext(request)
-                                    )
-
-@get_execution_time
-def site_contact(request):
-    # page_obj = Node.get_node_by_id(page_id)
-    return render_to_response(
-                                        "ndf/site_contact.html",
-                                        {
-                                            'title': 'Contact',
-                                        },
-                                        context_instance=RequestContext(request)
-                                    )
-
-@get_execution_time
-def site_termsofuse(request):
-    # page_obj = Node.get_node_by_id(page_id)
-    return render_to_response(
-                                        "ndf/site_termsofuse.html",
-                                        {
-                                            'title': 'Terms Of Use',
-                                        },
-                                        context_instance=RequestContext(request)
-                                    )
-@get_execution_time
-def site_privacypolicy(request):
-    # page_obj = Node.get_node_by_id(page_id)
-    return render_to_response(
-                                        "ndf/site_privacypolicy.html",
-                                        {
-                                            'title': 'Privacy Policy',
-                                        },
-                                        context_instance=RequestContext(request)
-                                    )
\ No newline at end of file
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/site.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/site.py
new file mode 100644
index 0000000000..aeb5160ab5
--- /dev/null
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/site.py
@@ -0,0 +1,69 @@
+''' -- imports from python libraries -- '''
+# import os -- Keep such imports here
+
+''' -- imports from installed packages -- '''
+from django.shortcuts import render_to_response, render
+from django.http import HttpResponseRedirect
+from django.core.urlresolvers import reverse
+from django.template import RequestContext
+from django.views.generic import RedirectView
+from gnowsys_ndf.ndf.views.methods import get_execution_time
+from gnowsys_ndf.ndf.views.analytics import *
+
+try:
+    from bson import ObjectId
+except ImportError:  # old pymongo
+    from pymongo.objectid import ObjectId
+
+@get_execution_time
+def site_about(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_about.html",
+                                        {
+                                            'title': 'About',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+@get_execution_time
+def site_credits(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_credits.html",
+                                        {
+                                            'title': 'Credits',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+
+@get_execution_time
+def site_contact(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_contact.html",
+                                        {
+                                            'title': 'Contact',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+
+@get_execution_time
+def site_termsofuse(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_termsofuse.html",
+                                        {
+                                            'title': 'Terms Of Use',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
+@get_execution_time
+def site_privacypolicy(request):
+    # page_obj = Node.get_node_by_id(page_id)
+    return render_to_response(
+                                        "ndf/site_privacypolicy.html",
+                                        {
+                                            'title': 'Privacy Policy',
+                                        },
+                                        context_instance=RequestContext(request)
+                                    )
\ No newline at end of file

From b6c20ebf7a49785b9b800931a456f33a46329a5c Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 15:41:32 +0530
Subject: [PATCH 19/26] school description added

---
 doc/deployer/create_workspace_from_institute_id.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index e664ceda11..d02236738d 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -9,6 +9,7 @@
 		group_obj = node_collection.collection.Group()
 		group_obj.name = unicode(GSTUDIO_INSTITUTE_ID.strip())
 		group_obj.altnames = unicode(workspace_name.strip())
+		group_obj.content = unicode("Welcome to CLIx workspace!Here all students and teachers in your school can collaboratively work to create interesting learning content. You can create activity pages and lessons, write e-Notes, upload and share files such as images, audios, videos, Turtle projects, GeoGebra projects, PhET simulations, CLIx Apps. You can take help from other CLIx modules under Explore section.Unleash the fun of learning by creation :)")
 		group_obj.access_policy = u"PUBLIC"
 		group_obj.subscription_policy=u"OPEN"
 		group_obj.group_type = u"PUBLIC"

From ed51ef96b6c73627e75c156de0a1cda9a73e8c52 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 15:44:06 +0530
Subject: [PATCH 20/26] origin field added in script

---
 doc/deployer/create_workspace_from_institute_id.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index d02236738d..72e0efaea7 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -24,6 +24,7 @@
 		group_obj.visibility_policy = u"ANNOUNCED"
 		group_obj.member_of = [gst_group_id]
 		group_obj.agency_type = u"School"
+		group_obj.origin.append({'source': 'create_workspace_from_institute_id'})
 
 		group_obj.save()
 		print "workspace created:",group_obj.altnames

From 1e40b6aea7f1b203a8f752c57f1bc781aa9a5466 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 16:02:32 +0530
Subject: [PATCH 21/26] torso icon removed from description

---
 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
index f66c084128..e7de4db263 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
@@ -4,7 +4,6 @@
          <div class="about-course  rows">            
             <div class="medium-3  large-12 columns rows">
               <div class="left">
-                <i class="icon-wid fa fa-user"></i>
               </div>
               <div class="left">
                 <h5>Description</h5> <br>

From 6a53d819f773c80d83d57cf46561529d45ced261 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 16:25:21 +0530
Subject: [PATCH 22/26] move/down lesson in unit_structure fixed

---
 gnowsys-ndf/gnowsys_ndf/ndf/views/unit.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/views/unit.py b/gnowsys-ndf/gnowsys_ndf/ndf/views/unit.py
index f2373fd888..dc54fa37a3 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/views/unit.py
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/views/unit.py
@@ -180,8 +180,8 @@ def unit_detail(request, group_id):
     req_context = RequestContext(request, {
                                 'title': 'unit_authoring',
                                 'hide_bannerpic': True,
-                                'group_id': group_id,
-                                'groupid': group_id,
+                                'group_id': unit_group_obj._id,
+                                'groupid': unit_group_obj._id,
                                 'group_name': unit_group_obj.name,
                                 'unit_obj': unit_group_obj,
                                 'group_obj': unit_group_obj,

From 33db53a9bac6e3923cba2f02acaddeaf9782ddad Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 16:28:27 +0530
Subject: [PATCH 23/26] school workspace description changed

---
 doc/deployer/create_workspace_from_institute_id.py            | 2 +-
 gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index 72e0efaea7..8331212cd3 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -9,7 +9,7 @@
 		group_obj = node_collection.collection.Group()
 		group_obj.name = unicode(GSTUDIO_INSTITUTE_ID.strip())
 		group_obj.altnames = unicode(workspace_name.strip())
-		group_obj.content = unicode("Welcome to CLIx workspace!Here all students and teachers in your school can collaboratively work to create interesting learning content. You can create activity pages and lessons, write e-Notes, upload and share files such as images, audios, videos, Turtle projects, GeoGebra projects, PhET simulations, CLIx Apps. You can take help from other CLIx modules under Explore section.Unleash the fun of learning by creation :)")
+		group_obj.content = unicode("Welcome to CLIx workspace!\n Here all students and teachers in your school can collaboratively work to create interesting learning content.\nYou can create activity pages and lessons, write e-Notes, upload and share files such as images, audios, videos, Turtle projects, GeoGebra projects, PhET simulations, CLIx Apps. You can take help from other CLIx modules under Explore section.\n\n Unleash the fun of learning by creation :)\n")
 		group_obj.access_policy = u"PUBLIC"
 		group_obj.subscription_policy=u"OPEN"
 		group_obj.group_type = u"PUBLIC"
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
index e7de4db263..ecf4f19777 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/course_content.html
@@ -14,6 +14,9 @@ <h5>Description</h5> <br>
                   </div>
               </div>
             </div>
+            
+            <br>
+
             <div class="medium-3 large-3 columns rows">
               <div class="left">
                 <i class="icon-wid fa fa-user"></i>

From 7dde8c5bdb33760c634d0059099afc9b1a96003f Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 16:33:15 +0530
Subject: [PATCH 24/26] school workspace name logic changed

---
 doc/deployer/create_workspace_from_institute_id.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index 8331212cd3..b5d7e55426 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -1,7 +1,8 @@
 from gnowsys_ndf.ndf.models import *
 from gnowsys_ndf.settings import GSTUDIO_INSTITUTE_ID ,GSTUDIO_INSTITUTE_NAME
 
-workspace_name = GSTUDIO_INSTITUTE_ID+"-"+GSTUDIO_INSTITUTE_NAME
+# workspace_name = GSTUDIO_INSTITUTE_ID+"-"+GSTUDIO_INSTITUTE_NAME
+workspace_name = GSTUDIO_INSTITUTE_NAME + " ( " + GSTUDIO_INSTITUTE_ID + " )"
 gst_group_id = node_collection.one({'_type': 'GSystemType', 'name': 'Group'})._id
 group_obj = node_collection.one({'_type': 'Group', 'name': unicode(GSTUDIO_INSTITUTE_ID)})
 if GSTUDIO_INSTITUTE_ID and GSTUDIO_INSTITUTE_NAME: 

From c4fb353c04525bfec107296bf3ca13f9ec5bd732 Mon Sep 17 00:00:00 2001
From: Saurabh Bharswadkar <saurabhbharswadkar7@gmail.com>
Date: Mon, 16 Apr 2018 16:36:27 +0530
Subject: [PATCH 25/26] relation_set id removed from notification detail

---
 .../gnowsys_ndf/ndf/templates/ndf/notification_detail.html      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html
index 59de3aa8ef..e92e30050d 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/ndf/notification_detail.html
@@ -83,7 +83,7 @@
                   {% endif %}
             </div>
             <div class="small-14 columns">
-            {{each.created_by|get_username}}  {{each.relation_set.0.assetcontent_of.0}}  {{each.activity}}
+            {{each.created_by|get_username}}    {{each.activity}}
             </div>
         </div>
         <div style="

From 10980aaf18eb0343dba92d59a9918c3855a059a1 Mon Sep 17 00:00:00 2001
From: kedar2a <kedar2a@gmail.com>
Date: Mon, 16 Apr 2018 18:46:40 +0530
Subject: [PATCH 26/26] Updated error templates

---
 doc/deployer/create_workspace_from_institute_id.py    | 2 +-
 gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html        | 2 +-
 gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html        | 4 ++--
 gnowsys-ndf/gnowsys_ndf/ndf/templates/500.html        | 1 +
 gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html | 8 +++++---
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/doc/deployer/create_workspace_from_institute_id.py b/doc/deployer/create_workspace_from_institute_id.py
index b5d7e55426..c77fa502ca 100644
--- a/doc/deployer/create_workspace_from_institute_id.py
+++ b/doc/deployer/create_workspace_from_institute_id.py
@@ -10,7 +10,7 @@
 		group_obj = node_collection.collection.Group()
 		group_obj.name = unicode(GSTUDIO_INSTITUTE_ID.strip())
 		group_obj.altnames = unicode(workspace_name.strip())
-		group_obj.content = unicode("Welcome to CLIx workspace!\n Here all students and teachers in your school can collaboratively work to create interesting learning content.\nYou can create activity pages and lessons, write e-Notes, upload and share files such as images, audios, videos, Turtle projects, GeoGebra projects, PhET simulations, CLIx Apps. You can take help from other CLIx modules under Explore section.\n\n Unleash the fun of learning by creation :)\n")
+		group_obj.content = unicode("Welcome to CLIx workspace!<br/> Here all students and teachers in your school can collaboratively work to create interesting learning content.<br/>You can create activity pages and lessons, write e-Notes, upload and share files such as images, audios, videos, Turtle projects, GeoGebra projects, PhET simulations, CLIx Apps. You can take help from other CLIx modules under Explore section.<br/><br/> Unleash the fun of learning by creation :)<br/>")
 		group_obj.access_policy = u"PUBLIC"
 		group_obj.subscription_policy=u"OPEN"
 		group_obj.group_type = u"PUBLIC"
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html
index de4f7473de..ce2975f32d 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/403.html
@@ -18,7 +18,7 @@ <h4>
 				</blockquote>
 			{% else %}
 				You do not have permission to retrieve the URL or link you requested.<br/>
-				<a href="javascript:window.history.back();">Click here to go Back.</a> &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> homepage</a>.
+				<a href="javascript:window.history.back();"><i class="fi-play inverse-icon"> </i> Go Back</a>  &nbsp; | &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> Homepage</a>
 			{% endif %}
 		</small>
 	</h4>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html
index a7336a0288..75268f3741 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/404.html
@@ -1,6 +1,6 @@
 {% extends "error_base.html" %}
 
-{% block error_title %} 400 - Page not found {% endblock %}
+{% block error_title %} 404 - Page not found {% endblock %}
 
 {% block error_body_text %}
     <br/>
@@ -17,7 +17,7 @@ <h4>
                     <a href="{% url 'nroer_groups' 'home' 'Groups' %}"> Groups </a>
                 </blockquote>
             {% else %}
-                <a href="javascript:window.history.back();">Click here to go Back.</a> &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> homepage</a>.
+                <a href="javascript:window.history.back();"><i class="fi-play inverse-icon"> </i> Go Back</a>  &nbsp; | &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> Homepage</a>
             {% endif %}
         </small>
     </h4>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/500.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/500.html
index ea995e9899..74ac43f71f 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/500.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/500.html
@@ -20,6 +20,7 @@ <h4>
 					<br/><br/>
 				</small>
 			</h4>
+			<a href="javascript:window.history.back();"><i class="fi-play inverse-icon"> </i> Go Back</a>  &nbsp; | &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> Homepage</a>
 		</div>
 	</center>
 </body>
diff --git a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
index 60eb35e359..18df0c852d 100644
--- a/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
+++ b/gnowsys-ndf/gnowsys_ndf/ndf/templates/error_base.html
@@ -45,6 +45,10 @@
             transform: rotate(-25deg);
         }
 
+        .inverse-icon::before{
+            transform: scaleX(-1)
+        }
+
     </style>
 
 </head>
@@ -63,9 +67,7 @@
             {% if message %}
                 <h2>{{message}}</h2>
                 <br/>
-                <a href="javascript:window.history.back();">
-                    {% trans "Click here to go back" %}
-                </a>
+                <a href="javascript:window.history.back();"><i class="fi-play inverse-icon"> </i> Go Back</a>  &nbsp; | &nbsp; <a href="/welcome?True"> <i class="fi-home"> </i> Homepage</a>
             {% endif %}
         {% endblock %}
     </div>